Ember Array observer не работает

Question

export default Ember.Object.extend({ 
    myArray: Ember.A([null,null,null]), 
    someFunction: function() { 
     console.log('i am triggered'); 
     myArray[1] = 3; 
    }.on('init'), 
    hasValue: Ember.observer('myArray.[]', function() { 
     console.log('i am changed'); 
    }) 
}) 

Какая ошибка? Функция наблюдателя никогда не срабатывает, хотя всегда достигает someFunction.

Answer 1

Использование myArray.[] будет уведомлять вас только о том, когда элементы добавляются или удаляются из массива. Правильный способ сделать это - использовать myArray.@each.key, который будет наблюдать за всеми изменениями свойства key для каждого элемента массива.

Если я честен, я на самом деле не знаю, как наблюдать массив примитивов изменений (для добавленных/удаленных изменений, за исключением), так что, вероятно, сделать что-то вроде:

myArray: Ember.A([Ember.Object.create(), Ember.Object.create(), Ember.Object.create()]); 

myArray[1].set('id', 3); 

И затем просмотрите myArray.@each.id. Если вы хотите, чтобы спроецировать эти идентификаторы можно использовать mapBy:

ids: Ember.computed.mapBy('myArray', 'id') 

Я надеюсь, что это помогает!

Answer 2

Использование MutableArray#replace:

this.get('myArray').replace(1, 1, [3]); 

Это означает, что: начиная с индекса 1, заменить 1 элемент с 3. Это вызывает все необходимые зависимости и наблюдатели, определенные как myArray.[].

Я удивлен, что ваш код не выплевывает ReferenceError, так как вы имеете в виду необъявленную переменную myArray внутри someFunction.

Для этого есть функция удобства, на которую я не могу вставить свой палец в данный момент. Кроме того, имейте в виду, что наблюдатели могут не срабатывать при инициализации.