Chunk Ember Model Array

Question

Ich versuche, das Modell-Array des Controllers zu teilen, um es einfacher zu machen, aber der Ansatz, den ich gefunden habe, ist nicht richtig. Wie greife ich auf das Modell-Array eines Controllers zu, so dass es manipuliert werden kann und trotzdem die berechneten Eigenschaften des Modells erhalten bleibt?

Controller:

export default Ember.Controller.extend({ 

    queryParams: ['page'], 
    page: "", 

    playlists: Ember.computed("model", function(){ 
    var playlistContent = this.get("model.content"); 
    return _.chunk(playlistContent, 3); 
    }), 

    actions: { 
    setPage(page){ 
    this.set("page", page); 
    } 
}); 

Vorlage:

{{#each playlists as |playlistGroup|}} 
    <div class="row"> 
    {{#each playlistGroup as |playlist|}} 
     <div class="col-md-4"> 
      <div class="card playlist-card"> 
       <img class="card-img-top" src={{playlist._data.thumbnail}} alt="Card image cap"> 
       <div class="card-block"> 
        <h4 class="card-title">{{playlist._data.title}}</h4> 
        <p class="card-text">{{playlist._data.description}}</p> 
       </div> 
      </div> 
     </div> 
    {{/each}} 
    </div> 
{{/each}} 

Answer 1

In Route

setupController(controller,model){ 
    this._super(...arguments); 
    controller.set('playlists',_.chunk(model, 3)); 
}