Insert Komponente in Controller-Aktion EmberJS

Question

gut ich brauche eine Komponente eingefügt werden, wenn der Benutzer Klick auf den Button, mein Code:

dash.hbs

<button class="btn btn-primary" {{action 'solisXTax'}}> Consul</button> 

dash.js // Controller

actions:{ solisXTax(){ "theCode" }, } 

und mein componenet ist Ember-chart,

{{ember-chart type="Bar" 
    data=solsGraph 
    width=500 height=350 
    options=opcionesGrafica 
    legend=true}} 

Dank

Answer 1

Ich weiß nicht, ob Sie mit dem Lenker conditionals vertraut sind, aber Sie sollten mehr darüber in der guides

Sie können eine bedingte verwenden wie so lesen:

//templates/application.hbs 
<button class="btn btn-primary" {{action 'solisXTax'}}> Consul</button> 
<hr/> 
{{#if componentVisible}} 
    {{ember-chart}} 
{{else}} 
    no component shown 
{{/if}} 

mit der entsprechenden Aktion in Ihrem Controller

//controllers/application.js 
export default Ember.Controller.extend({ 
    componentVisible: false, 
    actions:{ 
    solisXTax(){ 
     this.toggleProperty('componentVisible') 
    } 
    } 
}); 

ist hier ein twiddle, die eine Verwendung präsentiert if-Anweisung, um die Komponente umzuschalten.

Sie können auch dynamisch zwischen verschiedenen Komponenten hin- und herschalten, wobei eine Komponente leer sein könnte, aber für Ihren Anwendungsfall möglicherweise übertrieben ist.