Ember Handlebars嵌入ID

时间:2012-05-11 16:09:45

标签: ember.js handlebars.js

我正在尝试使用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>

1 个答案:

答案 0 :(得分:2)

您可以使用

{{unbound content.id}}

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