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>

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

Answer 1

直接来自docs

<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

您可以使用"if" binding

<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>

条件数据绑定 - 淘汰赛

2 个答案: