KnockOutJs Visible Two-Way?

Question

내 생각에 KnockOutJs "visible"바인딩은 양방향이므로 viewmodel 속성에 바인딩 된 dom 요소를 숨기면 observable에 대한 구독이 업데이트됩니다. JsBin http://jsfiddle.net/zb6E9/20/의 샘플은 관찰 가능 항목이 변경되면 구독이 실행되지만 dom 요소가 변경되면 구독이 실행되지 않는다는 것을 보여줍니다.

나는 뭔가를 놓쳐 야하지만, jQuery 단추로 구독을 시작하게하려면 어떻게해야합니까?

HTML :

<input id="firstNameInput" data-bind="value: firstName, visible: isVisible" value="First" /><br /> 
<input data-bind="value: lastName" value="Last" /><br /> 
The name is <span data-bind="text: fullName"></span><br /> 
<input type="button" data-bind="click: changeVisibility" value="Change Visibility using KnockOut" /><br /> 
<input type="button" onclick="changeVisibilityJQuery()" value="Change Visibility Using jQuery" /> 

자바 스크립트 : 마이클 베스트 지적으로, 녹아웃 외부 코드에 의한 임의의 눈에 보이는 변화를 감지하기위한 방법이 없습니다 때문에

이

function changeVisibilityJQuery() 
{ 
     if($('#firstNameInput').is(':visible')){ 
      $('#firstNameInput').hide(); 
     } else { 
      $('#firstNameInput').show(); 
     } 
} 

function AppViewModel() { 
    var self = this; 

    self.firstName = ko.observable('First'); 
    self.lastName = ko.observable('Last'); 
    self.isVisible = ko.observable(true); 
    self.changeVisibility = function(){ 
     var v = self.isVisible() || false; 
     self.isVisible(!v); 
    }; 
    self.isVisible.subscribe(function(bool) { 
     if (bool) { 
      // DO SOMETHING SUCH AS 
      self.firstName(self.firstName() + " " + bool); 
     } 
    }); 
    self.fullName = ko.computed(function() { 
     return self.firstName() + " " + self.lastName(); 
    }); 
} 
ko.applyBindings(new AppViewModel()); 

Answer 1

, 키가 가시성을 변경해야하는 코드를 만들려면 visible 바인딩에 사용 된 observable을 설정하여 DOM을 직접 조작하는 대신 Knockout이 무슨 일이 일어나는지 파악해야합니다. Knockout이 기본적으로 또는 사용자 정의 바인딩을 통해 모든 DOM 조작을 수행하는 것이 거의 항상 가장 좋습니다. MV *의 가장 중요한 점 중 하나는 무료로보기보다는보기를 업데이트하는 단일 권한을 가지고 있다는 것입니다.