Ember nicht aktualisieren Vorlage, wenn Attribut des Controllers geändert wird

Question

Ich habe ein Attribut, das ich durch eine Aktion ändern, aber Ember aktualisiert die gerenderte Vorlage nicht.

Mein Controller:

selected_rows_id: [], 
actions: { 
    selectRow(rowId) { 
     let selected_rows = this.get('selected_rows_id'); 
     if (selected_rows.indexOf(rowId) === -1) { 
      selected_rows.push(rowId); 
      // selected_rows.pushObject(rowId); does not work either 
     } 
     this.set('selected_rows_id', selected_rows); 
    }, 
} 

In meiner Vorlage ich {{selected_rows_id}} bin mit meinen Elemente zeigen

ich ein twiddle erstellt habe zu zeigen, was ich getan habe

Answer 1

Es war nichts falsch an der Aktion. Das Problem war mit der Vorlage. Eine weitere Möglichkeit, die Logik meines Codes zu machen, war die Verwendung addObject, die prüft, ob das Element bereits eingefügt wurde oder nicht.

Man kann ein Attribut nicht verwenden, wenn es eine Struktur ist, wie ich es gemacht habe. Sie müssen den {{each}} Helper verwenden und es wird darauf achten, den aktualisierten Wert zu rendern.

{{#each selected_rows_id as |rowId|}} 
    {{rowId}} 
{{/each}} 

Answer 2

Verwenden pushObject nicht push:

actions: { 
    selectRow(rowId) { 
     let selected_rows = this.get('selected_rows_id'); 
     selected_rows.pushObject(rowId); 
    }, 
}