javascript - Knockout.js 条件绑定(bind)

Question

如何根据其他属性进行条件绑定(bind)？

例子..

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

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

像这样的..

<input 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 分开。