访问视图模型属性(Accessing viewModel properties)

2019-09-27 05:50发布

我有一个模板绑定，如下

<tbody id ="mytemplatetbody"
       data-bind="template: {name: 'myTemplate', foreach: Items}">
</tbody>

在模板中的行都有一个状态字段，其值可以是1或2或3。有此屏幕上的三个复选框，并根据哪些复选框（ES）的用户选择，该行应该是可见的。

这是我做了什么：增加了三种可观测性能视图模型，并将其绑在三个复选框。我可以如下显示这些值：

<span data-bind="text: viewModel.checkBox1Selected()"></span>

问：我不能把任何if语句在我的模板，例如像这样...

{{if viewModel.checkBos1Selected() }}

...所以什么是最好的办法，还是要我能做到什么上述我？

Answer 1:

做这类事情的一种常见方式是创建一个dependentObservable来代表你的过滤行。然后，结合你对这个dependentObservable模板。每当你观察到的过滤器的变化之一，那么过滤的行会被重新评估。

下面是一个示例： http://jsfiddle.net/rniemeyer/BXeCb/

你当然可以做但是过滤最适合您的应用程序。我用了核对的observableArray结合握住我的过滤器，但你可以轻松与您的视图模型使用三个观察的性能的方法去。

文章来源: Accessing viewModel properties

Answer 1: