使用挖空样式绑定隐藏表格行

Question

我想将具有knockout.js的表行的显示样式绑定到viewmodel属性。我必须使用绑定，因为我想隐藏或显示表行，具体取决于我的viewmodel中的其他属性。

示例HTML代码：

<tr data-bind="style: myProperty">
    Test
</tr>

viewModel：

this.myProperty = ko.computed(() => {
    return "{ display: none }";
});

但这不起作用。加载页面后输入属性，但仍显示表格行。还有另一种方法可以做到这一点，还是我忘记了什么？

Answer 1

你应该使用＆＃34;可见＆＃34;绑定而不是。更多详情here

您的示例可能如下所示：

<tr data-bind="visible: myProperty">
    Test
</tr>

Answer 2

感谢您的帮助，我找到了另一种解决方案：

根据http://knockoutjs.com/documentation/style-binding.html的文档，我现在以这种方式设置样式：

<tr data-bind="style: { display: !TrueOrFalseProperty() ? 'none' : 'inline' }">
   Test
</tr>

这很有效。