knockout.js에서 계산 가능한 관측 값을 구현하는 방법

Question

몇 가지 방법을 추가하고 싶습니다. 그리고 this 지시문은 나를 도울 수 없습니다.

var viewModel = function() { 
    firstName = ko.observable("Mike"); 
    lastName = ko.observable("Rassel") 
    //fullName = ko.computed(function() { 
     //return firstName() + " " + lastName(); }, viewModel); 
} 

viewModel.fullName = ko.computed(function() { 
    return this.firstName() + " " + this.lastName(); }, viewModel); 

DEMO : 2.1.0의 업무와 지역에 http://jsfiddle.net/gJUqK/

.

Answer 1

firstName, lastName 및 fullName은 myViewModel 인스턴스의 속성이어야합니다.

the documentation에서 설명한대로 작동합니다. 관찰 가능 콜백 함수 this이 다른 것을 가리키기 때문에 self이 추가되었습니다.

function myViewModel() 
{ 
    var self = this; 

    this.firstName = ko.observable("Mike"); 
    this.lastName = ko.observable("Rassel"); 

    this.fullName = ko.computed(function() { 
     return self.firstName() + ' ' + self.lastName(); 
    }) 
} 

ko.applyBindings(new myViewModel()); 

여기에 사용 : http://jsfiddle.net/gJUqK/1/

Answer 2

viewModel을 호출하는 방식으로 this은 fullName 함수의 전역 개체에 바인딩됩니다.

var ViewModel = function() { 
    this.firstName = "Mike"; 
    this.lastName = "Rassel"; 
} 

ViewModel.prototype.fullName = function() { 
    return this.firstName + " " + this.lastName; 
}; 

var view = new ViewModel(); // Call ViewModel with new 
console.log(view.fullName()); // Prints "Mike Rassel" 

내가 녹아웃 물건을 이해하지 않는, 그러나 희망이 가까이 솔루션에 당신을 얻을해야합니다

당신은 viewModel 생성자를 만들고 프로토 타입에 fullName를 추가하여이 문제를 해결하려면 시작할 수 있습니다.