ember.js - 在#each helper 创建的元素上设置 id

Question

如何为 Ember.js handelbars helper #each 创建的元素设置 id？

如果你看看http://jsfiddle.net/7QL5z/我试图在调用 #each 助手时定义一个 id。

生成的 HTML 如下所示:

<div id="ember191" class="ember-view">
  <ul>
    <li id="ember349" class="ember-view"> Animal - Animals </li>
    <li id="ember389" class="ember-view"> Android - Androids </li>
    <li id="ember427" class="ember-view"> Human - Humans </li>
  </ul>
</div>

div 和 ul(这将是最有用的方式)都没有获得指定的 id。
有可能吗？如果不是:我如何通过 Ember 访问这些元素？

Answer 1

我尝试在“#each”上设置“elementId”而不是“id”，但它似乎也不起作用......

否则你可以创建一个动物 ListView

App.AnimalsListView = Ember.CollectionView.extend({
  tagName: 'ul',
  contentBinding: 'App.itemsController.content',
  classNames: ['animals'],
  elementId: 'animalsList',
  itemViewClass: Ember.View.extend({
    classNames: ['animal'],
    templateName: 'ember/templates/animals/animal',
    elementId:Ember.computed(function(){
      'animal-'+this.getPath('content.name')
    })
  })
});

在您的动物模板中:

{{ content.get('name') }} - {{ content.get('pluralized') }}

最后在你的主 html 文件中

<script type="text/x-handlebars">
  {{ view App.AnimalsListView }}
</script>