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，否則不執行任何操作