Ember.js removeObject for forNie usuwaj wszystkich obiektów

Question

Próbuję iterować po tablicy w Ember i usuwać obiekty z tablicy przy pomocy removeObject(). Poniższy przykład usuwa tylko niektóre obiekty z tablicy. Spodziewam się, że iteracyjne nad wszystkimi obiektami, a następnie usunąć je:

App = Ember.Application.create(); 

App.ITEM_FIXUTRES = [ 
    'Item 1', 
    'Item 2' 
]; 

App.ITEM_FIXTURES = App.ITEM_FIXUTRES.map(function (item) { 
    return Ember.Object.create({title: item}); 
}); 

App.IndexRoute = Ember.Route.extend({ 
    model: function() { 
    return App.ITEM_FIXTURES; 
    }, 

    actions: { 
    add: function(title) { 
     var items = this.modelFor('index'); 
     items.addObject(Ember.Object.create({title: title})); 

     this.controller.set('title', ''); 
    }, 
    removeAll: function() { 
     var items = this.modelFor('index'); 

     items.forEach(function (item) { 
     // I actually only want to remove certain objects with specific 
     // properties but this illustrates the issue. 
     items.removeObject(item); 
     }); 
    } 
    } 
}); 

szablon jest dość prosta:

<script type="text/x-handlebars" id="index"> 
    <h4>Collection List</h4> 

    <button {{action 'removeAll'}}>Remove All</button> 

    <ul> 
    {{#each}} 
     <li>{{title}}</li> 
    {{/each}} 

    <li>{{input type='text' value=title action='add'}}</li> 
    </ul> 
</script> 

Oto JSBin: http://jsbin.com/kelinime/4/edit

Answer 1

Snappie powyżej jest poprawne, nie powinien modyfikować kolekcji, którą iterujesz. Użytkownik utworzyłby kopię kolekcji, a następnie ją powtórzył.

removeAll: function() { 
    var items = this.modelFor('index'), 
     list = items.toArray(); 

    list.forEach(function (item) { 
    // I actually only want to remove certain objects with specific 
    // properties but this illustrates the issue. 
    items.removeObject(item); 
    }); 
} 

http://jsbin.com/kelinime/7/edit

Zdaję sobie sprawę, mówisz, że nie starają się usunąć wszystkie, ale można również zadzwonić removeObjects z listą obiektów i niech Ember obsługi Iterowanie. Dodatkowo, jeśli pojawi się sprawa, możesz ją również usunąć za pomocą indeksu, używając numeru removeAt.

removeAll: function() { 
    var items = this.modelFor('index'), 
     list = items.toArray(); 
    items.removeObjects(list); 
} 

http://jsbin.com/kelinime/8/edit