Question

我有Knockout Js的视图，它有一个循环。我需要为其中一个添加if条件。我跟着this answer，但这似乎不起作用。

我的代码：

<!-- ko foreach: systems -->
<div class="form-group system-status-row border-left border-green">
    <div class="col-sm-2 control-label">
        <label data-bind="text: type"></label>
    </div>
    <div class="col-sm-7">
        <div class="btn-group btn-group-sm status-btns four-btns">
            <button type="button" class="btn btn-success">Operational</button>
            <button type="button" class="btn btn-warning">Partial</button>
            <button type="button" class="btn btn-danger">Non Operational</button>
            <!-- ko if: type !== "Generator" -->
            <button type="button" class="btn btn-inverse">On Generator</button>
            <!-- /ko -->
        </div>
    </div>
</div>
<!-- /ko -->

类型中的一个选项是Generator，但第四个按钮仍然显示为该行。我错过了什么吗？

Answer 1

Knockout在类型之后需要a（）才能使其正常工作。

 <!-- ko if: type() !== "Generator" -->
        <button type="button" class="btn btn-inverse" >On Generator</button>
 <!-- /ko -->

Knockout.js如果条件在每个循环中

1 个答案: