如何在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出现。