¿Cómo hacer push/pop arrays en Ember.js?

Question

Puedo incluir una matriz en un objeto Ember y mostrar los contenidos usando manubrios. Sin embargo, solo puedo reemplazar los contenidos de la matriz usando set(). ¿Cómo puedo modificar los contenidos de la matriz usando push/pop/etc. y todavía tienen la actualización de enlaces 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}} 

Answer 1

Para trabajar con colecciones, Ember.js proporciona una clase contenedora Array, Ember.Array/Ember.MutableArray

Así, en lugar de utilizar un array plano, utilice los siguientes:

// 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}} 

Answer 2

Utilice una instancia de Ember.ArrayController, simplemente declarando una matriz con [] también creará una matriz de la clase Ember.ArrayController.

Si desea agregar un objeto al final de Ember ArrayController puede usar el método addObject();

por ejemplo.

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')