如何在EmberJS中設置一個可觀察但不能運行可觀測函數的屬性

Question

有沒有辦法在少數情況下避免運行可觀察代碼？

我怎麼試過？ 我發現要避免的唯一方法是通過向視圖添加新屬性作爲標誌，如果在運行可觀察方法代碼之前檢查它們將會檢查它們。

這是基本的jsfiddle鏈接我基本觀測功能提供 HTML

<script type="text/x-handlebars" data-template-name="application"> 
    {{view MyApp.MyContainerView name="Santa Claus"}} 
</script> 
<script type="text/x-handlebars" data-template-name="foo"> 
    {{view.testProp}} 
</script> 

JS

MyApp = Ember.Application.create({ 
    autoinit: false 
}); 

MyApp.router = Ember.Router.create({ 
    root: Ember.Route.extend({ 
     index: Ember.Route.extend({ 
      route: '/' 
     }) 
    }) 
}); 

MyApp.ApplicationController = Ember.Controller.extend({}); 

MyApp.MyContainerView = Em.ContainerView.extend({ 
    childViews: ['foo'], 

    foo: Em.View.extend({ 
     testProp: 100, 
    testPropObservable: function(){ 
    console.log("Prop Observed"); 
    }.observes('testProp'), 
     init: function() { 
      this._super(); 
      this.set('testProp', 200);//i want to avoid obeserver here 
     }, 
     templateName: 'foo' 
    }) 
}); 

MyApp.initialize(MyApp.router); 

Answer 1

一種替代方法是添加/在運行時刪除觀察員。 http://jsfiddle.net/NSMj8/1/

有一個很好的概述：鑑於上面的例子中，你可以通過調用this.addObserver價值已初始化後

foo: Em.View.extend({ 
     testProp: 100, 
     testPropDidChange: function(){ 
     console.log("Value changed to: ", this.get('testProp')); 
     }, 
     init: function() { 
     this._super(); 
     this.set('testProp', 200);//i want to avoid obeserver here 
     this.addObserver('testProp', this.testPropDidChange) 
     }, 
     templateName: 'foo' 
    }) 

看到這個的jsfiddle的工作例如防止觀察者由init（）期間被解僱在餘燼指南觀察員：http://emberjs.com/guides/object-model/observers/

如何添加/刪除觀察家

更多信息在Ember.Observable API文檔可用：http://emberjs.com/api/classes/Ember.Observable.html