Knockout.js条件绑定

Question

您如何基于其他属性进行条件绑定？

例..

var ViewModel = {
   IsAdded = ko.observable(),
   AddedBy = ko.observable()   
}

当我显示它时..如果I⚓By为null或false，我不想显示AddedBy

像这样的东西......

&ltinput type="text" data-bind="value: if (IsAdded != null && IsAdded) { AddedBy }"/>

我知道那是不对的，但是类似的东西...

Answer 1

我会做的是这个；

var ViewModel = function() {
    this.IsAdded = ko.observable('True');
    this.AddedBy = ko.observable('Test');
    this.AddedByText = ko.computed(function(){
        if ( this.AddedBy() != null && this.IsAdded() ) return this.AddedBy()
        return "";
    }, this);
}

然后您的输入将是

<input type="text" data-bind="value: AddedByText" />

这样，您可以将逻辑包含在ViewModel中并与HTML分开。

Answer 2

这个问题很旧，但可能会帮助其他人寻找

<input type="text" data-bind="value: IsAdded ? AddedBy : "" "/>

基本上，如果我的收藏夹不为空，则将value设置为AddedBy，否则不执行任何操作