Невозможно наблюдать массив объектов в Ember.js?

Question

У меня есть массив объектов в пределах компонента, как это:

checkboxes: [ 
    { 
     label: 'A', 
     state: false 
    }, 
    { 
     label: 'B', 
     state: false 
    }, 
    { 
     label: 'C', 
     state: false 
    } 
] 

В моем шаблоне рулей, у меня есть цикл, чтобы показать список флажков и каждый флажок состояние карты обратно к элементу массива, как это:

{{#each checkboxes as |item|}} 
    <li><input type="checkbox" checked={{item.state}}> {{item.label}}</li> 
{{/each}} 

Я написал наблюдателю наблюдать изменения в массив, но это не похоже на работу:

observeCheckboxes: function() { 
    console.log(this.get('checkboxes').toArray()); 
}.observes('checkboxes.[]') 

Как наблюдать изменения в с heckbox утверждает, что я могу получить список отмеченных элементов?

Answer 1

Смена наблюдателя для наблюдения checkboxes.@each.state.

Просмотрите документацию here для получения полного обзора.

Если возможно, старайтесь избегать использования наблюдателя и, скорее, использовать вычисленное свойство, а затем также скорее определять рассчитанные свойства и наблюдатели как Ember.computed & Ember.observer.

Это twiddle, который демонстрирует, почему ваш наблюдатель не стреляет.