Emberjs 1.x-pre Ember.Router和Ember.computed問題

Question

我正在閱讀http://code418.com/blog/2012/03/26/advanced-emberjs-bindings/並且碰到了Ember .Binding.and用於變換，在當前的emberjs中已棄用Ember.computed。我決定更新舊的emberjs 0.9.x小提琴http://jsfiddle.net/Wjtcj/與emberjs 1.x一起工作，並提供了一個Ember.computed.and和新的小提琴http：// jsfiddle .net/Wjtcj/5/。雖然它的作品，我不能讓它返回thesame輸出作爲舊但當代碼http://jsfiddle.net/Wjtcj/28/的改進版本失敗

STATEMANAGER: Sending event 'navigateAway' to state root. 
STATEMANAGER: Sending event 'unroutePath' to state root. 
STATEMANAGER: Sending event 'routePath' to state root. 
STATEMANAGER: Entering root.index 
<error> 

看來setSync函數是問題，並失敗，因爲我打電話給它的計算屬性。

The handlebars template: 

<script type="text/x-handlebars" data-template-name="application" > 

{{outlet}} 
</script> 


<script type="text/x-handlebars" data-template-name="obj" > 
{{#each App.ObjController}} 
    <p>{{this}}</p> 
{{/each}} 
</script>​ 

更新，請使用此鏈接，更新的代碼http://jsfiddle.net/Wjtcj/28/。下面沒有更多的代碼適用

App = Ember.Application.create(); 

    Ember.computed.and = function(dependentKey, otherKey) {  
    return Ember.computed(dependentKey, otherKey, function(key) { 
    return get(this, dependentKey) && get(this, otherKey);  
    }); 
    }; 


Ember.computed.or = function(dependentKey, otherKey) {  
    return Ember.computed(dependentKey, otherKey, function(key) { 
    return get(this, dependentKey) || get(this, otherKey);  
    }); 
}; 


App.ApplicationController = Em.Controller.extend(); 

App.ApplicationView = Ember.View.extend({ 
    templateName: 'application' 
}); 


App.ObjView = Em.View.extend({ 
    templateName: 'obj' 
}); 

App.ObjController = Ember.ArrayController.extend({ 
    content: [], 
    user: Ember.Object.create({isAdmin: false, isOwner: false}), 

    isSelected: false, 
    isSaveEnabled: false, 
    canRead: false, 
    isSaveEnabledBinding: Ember.computed.and('user.isAdmin', 'isSelected'), 
    canReadBinding: Ember.computed.or('user.isAdmin', 'user.isOwner'), 
    setSync: function(property, value) { 
    this.set(property, value); 
    Ember.run.sync(); // synchronize bindings 
    this.pushObject('isSaveEnabled = %@ ; canRead = %@'.fmt(this.get('isSaveEnabled'),  this.get('canRead'))); 
    } 
    }); 

    App.ObjController.setSync('isSelected', false); 
    App.ObjController.setSync('user', Ember.Object.create({isAdmin: true, isOwner: false})); 
    App.ObjController.setSync('isSelected', true); 
    App.ObjController.setSync('user', Ember.Object.create({isAdmin: false, isOwner: true})); 
    App.ObjController.setSync('user', Ember.Object.create({isAdmin: false, isOwner: false})); 


App.Router = Ember.Router.extend({ 
    enableLogging: true, 
    location: 'hash', 
    root: Ember.Route.extend({ 
    index: Ember.Route.extend({ 
     route: '/', 
     connectOutlets: function(router) { 
     router.get('applicationController').connectOutlet('application'); 
     } 

     }), 

    obj: Ember.Route.extend({ 
     route: '/obj', 
     enter: function(router) { 
     console.log("The obj sub-state was entered."); 
     }, 

     index: Ember.Route.extend({ 
      route: '/', 
      connectOutlets: function(router, context) { 
       router.get('applicationController').connectOutlet('obj'); 
      } 
     }) 
    }) 
    }) 
}); 

感謝您的任何建議或修正。

Answer 1

許多事情在你的例子去錯了，我不知道這將是所有的說明，但我覺得這是你想實現什麼： http://jsfiddle.net/machty/Wjtcj/31/

要點

1. 很少有您需要手動調用Ember.run.sync（），除非您正在執行測試用例或其他異常情況。
2. 您試圖在ObjController中填充太多東西。預期目的是顯示用戶及其權限列表;我採用了使用ArrayController管理用戶列表的常見模式，然後用UserView顯示每個用戶。
3. 原來的<error>是因爲試圖將applicationController的插口連接到... applicationController，因此遞歸和堆棧溢出
4. 綁定和計算屬性之間存在差異。如果您使用的計算性能，不要把「綁定」結束時你的財產

所以不是這樣的：

isSaveEnabledBinding: Ember.computed.and('user.isAdmin', 'isSelected'), 
canReadBinding: Ember.computed.or('user.isAdmin', 'user.isOwner'), 

做這個

isSaveEnabled: Ember.computed.and('isAdmin', 'isSelected'), 
canRead: Ember.computed.or('isAdmin', 'isOwner'),