11

いくつかのケースで観察可能なコードの実行を回避できる方法はありますか?

どのように試しましたか？ 私が回避する唯一の方法は、監視可能なメソッドコードを実行する前にチェックされた場合にフラグとしてビューに新しいプロパティを追加することです。

これは、基本的なオブザーバー機能 HTMLを提供する基本的なjsfiddleリンクです。

<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);
4

1 に答える 1

11

1 つの代替手段は、実行時にオブザーバーを追加/削除することです。上記の例を考えるとthis.addObserver、値が初期化された後に呼び出すことにより、init() 中にオブザーバーが起動されるのを防ぐことができます。

    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 を参照してください: http://jsfiddle.net/NSMj8/1/

ember ガイドには、オブザーバーの概要がよく説明されています: http://emberjs.com/guides/object-model/observers/

オブザーバーを追加/削除する方法の詳細については、Ember.Observable の API ドキュメントを参照してください: http://emberjs.com/api/classes/Ember.Observable.html

于 2013-01-09T13:26:02.050 に答える