Ember 车把嵌入 ID答案

【问题标题】：Ember Handlebars Embed IDEmber 车把嵌入 ID
【发布时间】：2012-05-11 16:09:45
【问题描述】：

我正在尝试使用 ember 显示找到的内容的动态列表。问题是当我尝试将把手放在 html 属性中时，一切都会中断。

RegApp.PatronsFound = Ember.CollectionView.create
  tagName: 'table'
  content: []
  itemViewClass: Ember.View.extend
    template: Ember.Handlebars.compile("<td><button onclick='alert({{content.id}})'>{{content.name}}</button>")
RegApp.PatronsFound.appendTo('body')

当它被输入一段 ID 为 3 且名称为 FOO 的内容时，我希望生成这个 html：

<button onclick="alert(3)">FOO</button>

相反，我得到了这个：

<button onclick="alert(&lt;script id=" metamorph-4-start'="" type="text/x-placeholder">3<script id="metamorph-4-end" type="text/x-placeholder"></script>)'&gt;FOO</button>

【问题讨论】：

标签： ember.js handlebars.js

【解决方案1】：

你可以使用

{{unbound content.id}}

在模板中任意插入值。通常，这些值包含在 metamorph 标签中，这些标签允许显示的值绑定到支持值，并在支持值更改时更新。这仅在输出是常规 HTML 时才有效，在这种情况下，跨越事件处理程序和嵌入式 JS 时无效。 {{unbound}} 在该属性路径中插入一次值，没有变形标记，并且如果该值将来发生更改，则不会更新。

【讨论】：