EmberJSで観測可能なプロパティを設定する方法はほとんどありません。

Question

観測可能なコードを実行することはほとんどありませんか？

どのように試しましたか？ 私が避けなければならない唯一の方法は、オブザーバブルメソッドコードを実行する前にチェックされたフラグとして、ビューに新しいプロパティを追加することです。

これは基本的なjsfiddleリンクですが、JS基本的なオブザーバー機能 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> 

を提供しています

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

1つの選択肢は、実行時にオブザーバーを追加/削除することです。 http://jsfiddle.net/NSMj8/1/

良い概要があります：値が

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を参照してくださいthis.addObserverを呼び出すことにより、init（）メソッド中に発射されるからオブザーバーを防ぐことができますオブザーバーを追加/削除する方法についてhttp://emberjs.com/guides/object-model/observers/

詳細情報はEmber.ObservableのためのAPIドキュメントで提供されています：http://emberjs.com/api/classes/Ember.Observable.html