淘汰赛:如何隐藏已应用“与”淘汰赛绑定它
问题描述:
我有一张桌子。我已在<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/
什么想法?谢谢!
答
既然你将有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>
问题描述:
我有一张桌子。我已在<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/
什么想法?谢谢!
答
既然你将有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>