web-dev-qa-db-ja.com

Ember.jsで配列をプッシュ/ポップする方法は？

Emberオブジェクトに配列を含めることができ、Handlebarsを使用してコンテンツを表示できます。ただし、set（）を使用してのみ配列コンテンツを置換できます。ポップ/など、まだUIバインディングが更新されていますか？

// JS
App.obj = Ember.Object.create({
    "things": ["1", "2"],
});
App.obj.set("things", ["1", "2", "3"]); // Works
App.obj.things.Push("3"); // Doesn't Work

// HTML + Handlebars
{{#with App.obj}}
    <ul>
    {{#each things}}
        <li>{{this}}</li>
    {{/each}}
    </ul>
{{/with}}
javascriptsproutcoreember.js
35
Luke Dennis

コレクションを操作するために、Ember.jsは配列ラッパークラスEmber.Array/Ember.MutableArrayを提供します

したがって、単純な配列を使用する代わりに、これらを使用します。

// JS
App.obj = Ember.Object.create({
    "things": Ember.A(["1", "2"])
});
App.obj.things.pushObject("3"); // pushObject notifies observers

// HTML + Handlebars
{{#with App.obj}}
    <ul>
    {{#each things}}
        <li>{{this}}</li>
    {{/each}}
    </ul>
{{/with}}
69
Michael Siebert

Ember.ArrayControllerのインスタンスを使用し、単に[]で配列を宣言すると、Ember.ArrayControllerクラスの配列も作成されます。

Ember ArrayControllerの最後にオブジェクトを追加する場合は、addObject（）メソッドを使用できます。

例えば。

mutableArray:[],

setModel:function(){

var data1={'id':1,'name':'over'};
var data2={'id':3,'name':'out'};

this.get('mutableArray').addObject(data1);
this.get('mutableArray').addObject(data2);

/* To Add Object to middle of array at given index simply use the native array splice method */

var data1={'id':2,'name':'and'}
this.get('mutableArray').splice(1,0,data1);

return this.get('mutableArray')

}.property('mutableArray')
0
Mad Scientist