넉 아웃 카운터 오류 (ASP.NET MVC)

Question

Knockout JS를 통해 작성된 스크립트가 있습니다.

여기 여기보기 코드

<span data-bind='text: numberOfClicks'>&nbsp;</span>/<span data-bind='text: totalnumberofClicks'>&nbsp;</span> 

이다 나는 경우 numberOfClicks이> = totalnumberofClicks 경고를받을 필요가 코드

function count_blocks() { 

    var length = $("#questions > div").length; 
    var ClickCounterViewModel = function() { 
     this.totalnumberofClicks = ko.observable(length); 
     this.numberOfClicks = ko.observable(1); 
     this.registerClick = function() { 
      this.numberOfClicks(this.numberOfClicks() + 1); 
      if (numberOfClicks >= totalnumberofClicks) { 
       alert("error!"); 

      } 
     }; 
    }; 
    ko.applyBindings(new ClickCounterViewModel()); 

} 

입니다.

하지만 오류가

Uncaught ReferenceError: numberOfClicks is not defined 
    at ClickCounterViewModel.registerClick (2141:169) 
    at HTMLButtonElement.<anonymous> (knockout-3.4.2.js:90) 
    at HTMLButtonElement.dispatch (jquery-3.1.1.js:5201) 
    at HTMLButtonElement.elemData.handle (jquery-3.1.1.js:5009) 

나는 그것을 고칠 수있는 방법이?

Answer 1

thisregisterClick은 방법 내의 범위입니다. self에 바인딩로 사용하여 액세스 외부 범위 변수 :

var ClickCounterViewModel = function() { 
    var self = this; 
    this.totalnumberofClicks = ko.observable(length); 
    this.numberOfClicks = ko.observable(1); 
    this.registerClick = function() { 
     self.numberOfClicks(self.numberOfClicks() + 1); 
     if (self.numberOfClicks() >= self.totalnumberofClicks()) { 
      alert("error!"); 
     } 
    }; 
};