Ember.js: associazione dati tra controllori

Question

Sto cercando di associare ApplicationController a IndexController. Here is my jsfiddle. Per riassumere, qui è il legame che ho nel controller Application

indexIsClickedBinding: "App.indexController.isClicked", 

isIndexClicked: function() { 
    alert("its changed to " + this.get("indexIsClicked")) ; 
}.observes('indexIsClicked'), 

Così, quando il isClicked valore nel IndexController è cambiato, ma l'indexIsClickedBinding non fa nulla. Qualche suggerimento che cosa è sbagliato nel mio codice?

Acclamazioni

Answer 1

Mentre la soluzione è semplice, mi permetta di provare e spiegarlo. Non esitate a fare domande se non siete sicuri.

Sei collegato a una proprietà su un'istanza di App.indexController. Tuttavia, questa istanza non esiste, poiché Ember.JS non colloca più direttamente l'istanza dei controller su App.

ha usato per risiedere su App nelle versioni precedenti di Ember, ma non più, perché è cattiva pratica per fare riferimento a un controller utilizzando il suo nome in assoluto, in quanto crea tight coupling tra i controller.

Ecco perché Ember.JS hanno altri modi per fare riferimento ai controllori. È un requisito comune richiedere altri controller nel controller corrente. Ember.JS hanno i seguenti metodi:

• this.controllerFor() in Ember.Route: http://emberjs.com/guides/routing/setting-up-a-controller/
• Tuttavia, controllerFor ora è stato deprecato in favore di:
• needs che dice al regolatore di corrente, che i controllori di cui ha bisogno l'accesso a : https://github.com/emberjs/ember.js/pull/1731

Pertanto, se implementiamo l'needs, quindi il controller ha ora accesso all'altro controller, nonché alle proprietà che possiede: http://jsfiddle.net/uB5tX/7/

Utilizzando lo needs, abbiamo agganciato i controller senza stringere. L'abbiamo fatto riferimento per nome e Ember.JS cercherà il controller per noi. Se cambiamo App allora non avremo bisogno di cambiare nulla, e se/quando Ember.JS modifica il comportamento dei controllori, che non dovrebbe aver bisogno di aggiornare la nostra needs di nuovo, perché quando i cambiamenti di comportamento, allora l'needs potranno anche aggiornare , riportando il controller corretto.

Answer 2

Si potrebbe anche usare sintassi seguente per accedere alle proprietà di altri controller:

import Ember from 'ember'; 

export default Ember.Controller.extend({ 
    index: Ember.inject.controller('index'), 
    indexIsClicked: Ember.computed.alias("index.isClicked"), 

    isIndexClicked: Ember.observer('index.isClicked', function() { 
    alert("its changed to " + this.get("indexIsClicked")); 
    }) 
}); 

Tuttavia è necessario fare Ember inizializzare questo controller prima, quindi è in realtà necessario chiamare qualche proprietà calcolata che dipende index (lo farà inizializzarlo pigramente). Così, per esempio nel modello che uso:

Is index clicked: <b>{{indexIsClicked}}</b> 

Working demo.