녹아웃 : "with"녹아웃 바인딩을 적용한 <tr>을 숨기는 방법

Question

테이블이 있습니다. <tr> 요소에 with binding을 적용했으며 visible 속성을 적용하려고합니다.

HTML :

<table> 
    <tr data-bind="with: names"> 
     <td> 
      First Name: 
      <span data-bind="text: first" />  
     </td> 
    </tr> 
</table> 

JS :

var ViewModel = function() { 
    this.names = { 
      first: "John", 
      isVisible: false 
    }; 
    }; 

    ko.applyBindings(new ViewModel()); 

나는이 구문을 허용하지 않습니다 <tr data-bind="with: names, visible: isVisible">하지만 녹아웃 식으로 뭔가를 쓰고 싶어요.

과 같은 <td> 요소를 숨기는 것은 옵션이 아닙니다.

jsFiddle : http://jsfiddle.net/2Qnv7/43/

어떤 아이디어? 감사! 당신이 name.IsVisible을 사용할 수 있습니다 만 그럴 안에 당신이 names 컨텍스트가되므로

Answer 1

TR의 data-bind :

<table> 
    <tr data-bind="with: names, visible: names.isVisible"> 
     <td> 
      First Name: 
      <span data-bind="text: first" />  
     </td> 
    </tr> 
</table> 

바이올린 : http://jsfiddle.net/2Qnv7/44/