Utilizzare this.sendAction() nei componenti?

Question

Sto usando Ember 2.2.0

Durante la scrittura di componenti che ho usato per propagare gli eventi dal componente al percorso (o qualunque incorpora il componente) con this.sendAction(…). Ho controllato i documenti ultimamente e ho scoperto che consigliavano un altro approccio. https://guides.emberjs.com/v2.2.0/components/triggering-changes-with-actions/

this.get('action')(); 

Dal Ember è noto per essere molto supponente voglio restare tanto per le migliori pratiche possibili. Ma non sono sicuro che i documenti potrebbero essere scaduti o che i tutorial che utilizzano sendActions lo siano.

Quindi mi piacerebbe qual è il modo di fare questo?

Answer 1

Quando si utilizza this.sendAction('actionName') stai zampillante un'azione che si dovrà prendere sul componente/controller con actions

//controller/route/component.js 
actions: { 
    actionName: function() { 
    //Do something 
    } 
} 

Se si desidera inviare che a monte della catena, si chiamare di nuovo sendAction('') sul componente/controller e riprenderlo sul genitore (e così via).

L'altro approccio this.get('action')() utilizza le azioni di chiusura, che sono normali funzioni javascript. Questi sono il modo preferito per richiamare azioni in Ember 1.13.X per quanto ne so. Una cosa chiara che le azioni di chiusura hanno è che puoi avere valori di ritorno. Il che significa che si può avere qualcosa di simile:

//a controller 
actions: { 
    saveResult() { 
    return this.get('model').save(); //notice the return (which returns a promise) 
    } 
} 

//some template that uses the controller above 
{{a-component save=(action 'saveResult')}} // Passes the saveResult action to the component 

//a-component.js 
actions: { 
    someAction: function() { 
    this.attrs.save().then(() => { 
     //Do something with the return value 
    }); 
    } 
} 

Molto può essere scritto circa le azioni di chiusura, ma altri hanno scritto di gran lunga meglio di me, quindi vi consiglio i seguenti articoli:

• Ember Closure Actions #1
• Ember Closure Actions #2
• Ember Closure Actions #3

E se sei nuovo di tutto il concetto DDAU (Data Down Actions Up), ti consiglio veramente il Sam's article del concetto in generale.

Aggiornamento: C'è anche un addon (collegato nei commenti da @locks) che consente closure actions to bubble to routes.