如何在KnockoutJS中正確使用可見綁定

Question

我希望.controls div僅在文本框中的值為_OTHER 。 這是我正在使用的代碼：

<div class="controls" data-bind="
    visible: title == '_OTHER'
">            
    @Generic.Selection <i data-bind="text: $index() + 1"></i>
    <input type="text" id="inputAnswerContent" data-bind="value: title" />
    <a href="#" class="btn btn-small" data-bind="
        visible: $parent.requireOfferedAnswer, 
        click: $parent.addAnswer
    ">
        <i class="icon-plus"></i>
    </a>
</div>

但是，對於_OTHER以外的所有其他值均可見。

Answer 1

您想使用`visible：title（）=='_OTHER'（帶括號）。

簡化示例（ jsfiddle ）：

的HTML

<div class="controls" data-bind="visible: title() == '_OTHER'">            
hello world
</div>
<input type="text" data-bind="value : title"></input>

JS

function ViewModel() {
    this.title = ko.observable();
}

var vm = new ViewModel();

ko.applyBindings(vm);

在文本框中鍵入_OTHER ，使hello world出現。