2013-04-11 66 views
0

我有一张桌子。我已在<tr>元素上应用了with binding,并且还希望将visible属性应用于它。淘汰赛:如何隐藏<tr>已应用“与”淘汰赛绑定它

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>元素如<td data-bind="visible: isVisible">不是一个选项。

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

什么想法?谢谢!

回答

2

既然你将有names语境里面只有TR可以使用在name.IsVisible 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/