javascript - 如何在 KnockoutJS 中正确使用可见绑定

Question

我希望.controlsdiv 仅在文本框中的值为_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显示。