javascript - 自动关闭 knockout 评论中的 <a> 标签

标签 javascript html knockout.js knockout-2.0

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

在我看来,我正在使用 knockout 注释来确定应显示哪个标签。当我查看页面时,显示的任何标签都会在同一评论 block 中关闭。有谁之前经历过这个吗?有更好的方法吗?

谢谢

最佳答案

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

您可以使用条件绑定(bind)来添加 class 属性和 click 事件:

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

关于javascript - 自动关闭 knockout 评论中的 <a> 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25002537/

相关文章:

html - 无法设置未定义的属性 'width'

jquery - 循环遍历复选框并收集已选中复选框的名称 - JQuery

javascript - 以两种方式声明 ViewModel

javascript - JavaScript/Knockout.js 中的依赖注入(inject)

javascript - 可以在 ipython 笔记本中使用 Vim(类似绑定(bind))。 Jupyter 的任何解决方法?

javascript - 如何在javascript中扩展一个方法?

html - JSP 中的 Spring MVC 请求 URL

jquery - Knockout 3.0 输入选项卡关闭清除值

javascript - Bootstrap 模式不会从包含 AJAX 调用创建的内容的模式中显示

javascript - 禁用 Vanilla-tilt.js 的鼠标移动但保持陀螺仪效果