javascript - 动态如果在 foreach 绑定(bind)内在 View 中执行 "group by"

标签 javascript knockout.js

我正在尝试使用以下技巧对项目进行分组:

<div data-bind="foreach: types ">
  <div data-bind="foreach: $root.items">
    <div data-bind="if: type == $data">
      <span data-bind="text: name"></span>
    </div>
  </div>
</div>

请注意,在第 3 行,我试图根据来自外循环的值过滤当前日期。

这可能吗?

Here is a JS Fiddle :如果您查看第 5 行,该值是硬编码的,我正在尝试使用 $data 代替“odd”。

最佳答案

您可以使用 $parent...访问外循环中的迭代器...

<div data-bind="foreach: types ">
  <div data-bind="foreach: $root.items">
    <div data-bind="if: type == $parent">
    <span data-bind="text: name"></span>
    </div>
  </div>
</div>

JSFiddle

关于javascript - 动态如果在 foreach 绑定(bind)内在 View 中执行 "group by",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23964437/

相关文章:

javascript - 如何从他们的插件存储库 CDN 获取 jQuery 插件?

javascript - 如何使 Knockout.js 组件附加到页面而不删除/覆盖任何旧绑定(bind)?

javascript - 不理解 ko.observables

javascript - 如何创建一组下拉列表,其中列表会随着您的选择而减少?

javascript - 为什么 afterRender 上 $(element).offset().top == 0 ?

javascript - 将 Laravel 变量传递给 Vue.js

javascript - 如何使用javascript调用按钮onclick并停止回发

javascript - 如何使用 Angular Material Design 在输入字段上保留占位符字符

javascript - polymer 1.0 : Binding css classes does not update

javascript - Knockout 3.2 - AMD 加载组件之间基于 'if' 的转换