ember.js - 如何在 Emblem.js 中的迭代内插入对象的值？

Question

我在 Emblem.js 模板中有以下代码:

each segment in controller
  .panel.panel-default
    .panel-heading
      h4.panel-title
        a data-parent="#accordion" data-toggle="collapse" href="#collapse{{segment.id}}"
          span {{segment.title}}
    div id="collapse{{segment.id}}" class="panel-collapse collapse in"

我实际上想要实现的是将对象数据插入到 HTML 属性中。我一直在尝试 {{segment.id}}但这会呈现一些脚本标签以及我想要的值。还有另一种方法可以做到这一点吗？

Answer 1

直到 HTMLBars出来后，Ember.js 将需要插入占位符标签来操作 DOM。你有两个选择:

创建一个计算属性，它将为您连接字符串，然后使用 bind-attr将属性应用到 ID 或类。

使用 unbound helper .这会做你想做的事，但如果它发生变化，它不会更新属性。

如果可以的话，我建议先做。