灰燼，＃如果item.value內#each，當值發生變化時，頁面沒有更新

Question

setupController: function(controller, model) { 
     controller.set('testItem', [ 
     Em.Object.create({name: 'aaa', hilight: false}), 
     Em.Object.create({name: 'BBB', hilight: true}), 
     Em.Object.create({name: 'ccc', hilight: false}) 
     ]); 
    }, 

我的路線設置setupController。

changeTest: function(item){ 
    item.hilight = !item.hilight; 
}, 

而這個動作在控制器中。 車把代碼是這樣的：在成功執行

{{#each item in testItem}} 
    {{#if item.hilight}} 
     <div> 
      <h4>{{item.name}}</h1> 
     </div> 
    {{else}} 
     <div> 
      <i>{{item.name}}</i> 
     </div> 
    {{/if}} 
    <button {{action changeTest item}}></button> 
{{/each}} 

的操作功能，當我點擊的動作，但網頁無法更新。

那麼，這是什麼問題？

Answer 1

您應該在changeTest操作中使用setter來更改hilight的值。

changeTest: function(item){ 
    item.toggleProperty('hilight'); 
},