javascript - 使用挖空样式绑定(bind)隐藏表格行

Question

我想将带有knockout.js 的表行的显示样式绑定(bind)到viewmodel 属性。我必须使用绑定(bind)，因为我想根据 View 模型中的其他属性隐藏或显示表行。

示例 HTML 代码:

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

View 模型:

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

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

Answer 1

您应该使用“可见”绑定(bind)。更多详情here

您的示例可能如下所示:

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