配列内のすべての要素の特定の属性の変更を観察する計算されたプロパティを使用しようとしています。これがフィドルです。変更ボタンをクリックすると、計算されたプロパティは起動しません。なぜ?
ここにフィドルがあります: http://jsfiddle.net/inconduit/PkT8x/145/
ここに関連するコードがあります
App.color1 = Ember.Object.create({ color : "red"});
// a contrived object that holds an array of color objects
App.colorsHolder = Ember.Object.create({
colors : Ember.A([App.color1]),
});
App.ApplicationController = Ember.Controller.extend({
colorsHolder : App.colorsHolder,
// this should fire when you click the change button, but it does not
colorsContainBlue : function() {
console.log("fired colorsContainBlue");
this.colorsHolder.colors.forEach(function(colorObj) {
if(colorObj.get('color') == 'blue')
return true;
});
return false;
}.property('colorsHolder.@each.color'),
// this is a function called by an action in the template
changeToBlue: function() {
App.color1.set('color','blue');
console.log("changed the color to: " + App.color1.get('color'));
}
});