Ember.ListView不適用於最新的ember-cli（0.1.7）

Question

如果我只運行ember new testlistview ，然后在templates/index.hbs ：

{{#collection Ember.ListView contentBinding="controller" height=500 rowHeight=50 width=500}}
  {{name}}
{{/collection}}

並在routes/index.js ：

import Ember from 'ember';

    export default Ember.Route.extend({
      model: function() {
        var items = [];
        for (var i = 0; i < 10000; i++) {
          items.push({name: "Item " + i});
        }
        return items;
      }
    });

我收到一個錯誤：

未捕獲的錯誤：斷言失敗：Ember.ListView必須是Ember.View的子類或實例，而不是

 DEBUG: -------------------------------
 DEBUG: Ember      : 1.8.1
 DEBUG: Ember Data : 1.0.0-beta.12
 DEBUG: Handlebars : 1.3.0
 DEBUG: jQuery     : 1.11.2
 DEBUG: -------------------------------

有誰知道如何使它工作或可以提供其他選擇？

另外，Ember 1.9.1和Handlebars 2.0.0又如何呢？

https://github.com/emberjs/list-view/issues/188

Answer 1

我剛剛將ember-cli-list-view和ember-list-view-component進行了分叉，以使其能夠與最新的Ember CLI 0.1.7和帶有手柄2.0.0的Ember 1.9.1一起使用。

我需要使用Ember ListView的最新主版本。 我打算針對ember-cli-list-view軟件包提高PR，但與此同時，我的附加組件清單可在此處獲得： https ： //github.com/ahacking/ember-cli-list-view

您可以通過將以下內容添加到package.json來進行安裝：

{
  "devDependencies": {
    "ember-cli-list-view": "ahacking/ember-cli-list-view#0.0.6-alpha.1"
  }
}

然后運行npm install 。

您將無法使用ember generate ...因為Ember CLI當前不支持在URL上添加Bower程序包。 相反，您需要手動將ember-list-view-component軟件包和zynga滾動器添加到bower.json ：

{
  "dependencies": {
    "ember-cli-list-view": "ahacking/ember-list-view-component#0.0.6-alpha.1",
    "zynga-scroller": "https://raw.github.com/zynga/scroller/master/src/Scroller.js",
    "zynga-scroller-animate": "https://raw.github.com/zynga/scroller/master/src/Animate.js"
  }
}

然后運行bower install 。

然后，您需要將以下內容添加到Brocfile.js ：

app.import("bower_components/zynga-scroller/index.js");
app.import("bower_components/zynga-scroller-animate/index.js");

如果您已嚴格按照上述說明進行操作，則可以按以下方式使用Ember ListView和VirtualListView：

// app/views/my-list-view.js
import Ember from 'ember';

// can also use Ember.VirtualListView (for iOS scrolling support)
export default Ember.ListView.extend({
  height: 500,
  rowHeight: 30,
  itemViewClass: Ember.ListItemView.extend({
    templateName: "some-item-template"
  })
});