Come impostare una proprietà che è osservabile ma non eseguire la funzione osservabile per alcuni casi in EmberJS

Question

Esiste comunque la possibilità di evitare l'esecuzione di codice osservabile in alcuni casi?

Come ho provato? L'unico modo che ho trovato di evitare è l'aggiunta di nuove proprietà alla vista come flag che verranno verificate prima di eseguire il codice del metodo osservabile.

Questa è la jsfiddle collegamento di base sto fornendo con funzionalità di base osservatore 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

Un'alternativa è quella di aggiungere/rimuovere gli osservatori in fase di esecuzione. Dato l'esempio di cui sopra, è possibile impedire osservatore essere licenziato durante init() chiamando this.addObserver dopo che il valore è stato inizializzato

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

Vai a questa jsfiddle per un esempio di lavoro: http://jsfiddle.net/NSMj8/1/

C'è una buona visione di osservatori nelle guide tempora: http://emberjs.com/guides/object-model/observers/

Maggiori informazioni su come aggiungere/rimuovere gli osservatori è disponibile nella documentazione API per Ember.Observable: http://emberjs.com/api/classes/Ember.Observable.html