當控制器的屬性被修改時，沒有更新模板

Question

我有一個屬性可以通過動作修改，但Ember不會更新呈現的模板。

我的控制器：

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); 
    }, 
} 

在我的模板我使用{{selected_rows_id}}顯示我的元素

我創建了一個twiddle證明我做了什麼

Answer 1

行動中沒有錯。問題出在模板上。此外，執行我的代碼邏輯的另一種方法是使用addObject，它檢查元素是否已被插入。

如果是像我這樣做的結構，就不能使用屬性。 您必須使用{{each}}幫助程序，它會小心地呈現更新後的值。

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

Answer 2

使用pushObject不push：

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