条件数据绑定-剔除

Question

我正在制作一个li标签。 并且在li标签之一上，我希望仅当它包含某个值时才形成它。
在HTML中，而不是JavaScript。

这是代码：

<ul>
    <li><a href="#">Index</a></li>
    <li><a data-bind="text:orgChart().category[0].Name, attr: { href: category[0].Name.url }"></a></li>
    <li data-bind="text:orgChart().Name"></li>
</ul>

现在，仅当orgChart().category[0].Name具有特定值时，我才想形成第二个li标签。 否则，将仅形成两个li标签。

Answer 1

那直接来自文档

<ul>
    <li>This item always appears</li>
    <!-- ko if: someExpressionGoesHere -->
        <li>I want to make this item present/absent dynamically</li>
    <!-- /ko -->
</ul>

Answer 2

您可以使用“如果”绑定

<ul>
    <li><a href="#">Index</a></li>
    <!-- ko if: ko.unwrap(orgChart().category[0].Name)=="smth" -->
    <li><a data-bind="text:orgChart().category[0].Name, attr: { href: category[0].Name.url }"></a></li>
    <!-- /ko -->
    <li data-bind="text:orgChart().Name"></li>
</ul>