Ember.js 如何在Emplog.js中插入Interaction内对象的值？

我在embody.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}}

，但这会呈现一些脚本标记以及我不想要的值。还有别的办法吗

在出现之前，Ember.js需要插入占位符标记来操作DOM。您有两个选择：

创建一个将连接字符串的计算属性，然后使用

bind attr

将该属性应用于ID或类

使用。这将执行您想要的操作，但如果属性发生更改，它将不会更新属性

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

在发布之前，Ember.js需要插入占位符标记来操作DOM。您有两个选择：

创建一个将连接字符串的计算属性，然后使用

bind attr

将该属性应用于ID或类

使用。这将执行您想要的操作，但如果属性发生更改，它将不会更新属性

---

如果可以的话，我建议你做第一件事。

如果数据不会改变，你可以使用

unbound

，它只会把数据塞进那里而不需要脚本标签

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

---

如果数据不会更改，您可以使用

unbound

，它只会将数据插入其中而不带脚本标记

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