Question

<!-- ko if: IsNew() === true -->
    <a href="#" class="new" data-bind="click:$root.markRead">
<!-- /ko -->
<!-- ko if: IsNew() === false -->
    <a href="#">
<!-- /ko -->
    <div class="notification-item">
....
    </div>
</a>

我在视图中使用淘汰评论来确定应该显示哪个标记。当我查看页面时，显示的任何标记都会在同一个注释块中关闭。有谁之前经历过这个吗？有没有更好的方法呢？

由于

Answer 1

虚拟元素必须正确嵌套，就像真实元素一样。

您可以使用条件绑定添加class属性和click事件：

<a href="#" data-bind="css: {'new': IsNew() }, click: IsNew() ? $root.markRead : null">
<div class="notification-item">
....
</div>
</a>

自动关闭<a> tags within Knockout comment</a>

1 个答案: