Jak ustawić właściwość, która jest obserwowalna, ale nie działa funkcja obserwowalna dla kilku przypadków w EmberJS

Question

Czy w niektórych przypadkach możemy uniknąć uruchamiania obserwowalnego kodu?

Jak próbowałem? Jedyny sposób, którego uniknąłem, polega na dodaniu do widoku nowych właściwości jako flag, które zostaną zaznaczone przed uruchomieniem obserwowalnego kodu metody.

Jest to podstawowa jsfiddle Link dostarczam z podstawowych funkcji obserwatora 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

Jedną z możliwości jest dodawanie/usuwanie obserwatorów w czasie wykonywania. Biorąc pod uwagę powyższy przykład, można zapobiec obserwatora z wyrzuceniu podczas init() przez wywołanie this.addObserver po wartość została zainicjowana

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' 
    }) 

Zobacz ten jsfiddle na przykład pracy: http://jsfiddle.net/NSMj8/1/

Jest dobry przegląd obserwatorów w przewodnikach Ember: http://emberjs.com/guides/object-model/observers/

Więcej informacji na temat dodawania/usuwania obserwatorów jest dostępny w docs API dla Ember.Observable: http://emberjs.com/api/classes/Ember.Observable.html