ember.js - 将静态元素添加到 CollectionView

Question

是否可以让 CollectionView 呈现一个<ul>容器，其项目为's，并在最后<li>插入一个静态项目？<li>我们正在迭代一个呈现为链接的对象数组，并希望在列表末尾插入一个“新”链接。

Answer 1

MyApp.TheView = Ember.CollectionView.extend({
  content: [1, 2, 3, 4],
  tagName: 'ul',
  itemViewClass: Ember.View.extend({
    tagName: 'li',
    template: Ember.Handlebars.compile("{{view.content}}")
  }),
  didInsertElement: function() {
    this.pushObject(Ember.View.create({
      tagName: 'li',
      template: Em.Handlebars.compile("<button>NEW</button>")
    }));
  }
})

这应该有帮助...