灰燼。選擇帶有未綁定選項列表

Question

在我正在使用的ember.js應用程序（ember v1.8.0-beta1，ember-cli）中，我的頁面帶有簡單的注冊類型表單，其中包括國家/地區選擇下拉列表。 問題在於，由於此字段具有相對較多的選項（准確地說是244個），因此渲染性能受到很大影響，當將該選擇字段添加到模板時，該路線花費幾乎一整秒的時間來渲染。

我認為這種速度下降是由於Ember必須為select中的244個<option>視圖中的每個視圖創建綁定，因此在找到該菜譜條目之后 ，我嘗試創建一個未綁定的Ember.Select版本。

應用程序/視圖/未結合-select.js

import Ember from 'ember';

export default Ember.Select.extend({
    optionView: Ember.SelectOption.extend({
        templateName: 'unbound-option'
    })
});

應用程序/模板/綁定，option.hbs

{{unbound view.label}}

應用程序/模板/ signup.hbs

...
{{view "unbound-select" value=country content=countries}}
...

但是，這樣做而不是使用常規的Ember.Select似乎完全無法Ember.Select渲染速度。 我的實現中可能缺少某些東西，會導致所有<option>仍然被綁定嗎？

Answer 1

就像您對Ember.Select的無限制擴展一樣緩慢，我Ember.Select冒險認為Ember.Select只是緩慢。 從文檔中 ，最后一段：

選擇視圖功能極為豐富，在渲染許多項目時可能會表現不佳。 因此，它尚未像其他輸入一樣轉換為組件或幫助程序。