Добрый день. Осваивая eber наткнулся на
такую статью с примерами. Второй сверху раздел Data Binding, в нём пример со списком из 10000 элементов и поле для редактирования. Если запустить этот пример по ссылке из статьи то поле редактируется без задержек, но в примере как я вижу используется ember 1.2. Попробовал тоже самое на версии 2.8 и стало тормозить. Подскажите это нормально или я что то не так сделал? И можно ли получить то же поведение в новых версиях ember?
route:
import Ember from 'ember';
import Item from './../item';
export default Ember.Route.extend({
model: function(){
return Ember.ArrayProxy.create({
content: Ember.A([Item.create()])
});
}
});
controller:
import Ember from 'ember';
import Item from './../item';
export default Ember.Controller.extend({
name: "Вася",
actions: {
render() {
var list = this.get("model");
for (var i=1; i< 10000; i++) {
list.addObject(Item.create({
id: i
}));
}
}
}
});
template:
{{name}}<br>
{{input type="text" value=name}}
<br>
<button {{action "render"}}>render</button>
<ul>
{{#each model as |item|}}
<li>{{item.id}}</li>
{{/each}}
</ul>
{{outlet}}
item:
import Ember from 'ember';
export default Ember.Object.extend({
id: 0
});