-1

ユーザーがボタンをクリックしたときにコンポーネントを挿入する必要があります。私のコード:

ダッシュ.hbs

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

dash.js //コントローラー

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

私のコンポーネントはember-chartです。

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

ありがとう

4

1 に答える 1

2

ハンドルバーの条件に慣れているかどうかはわかりませんが、ガイドで詳細を読む必要があります

次のように条件を使用できます。

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

コントローラーの対応するアクションで

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

これは、if ステートメントを使用してコンポーネントを切り替える方法を示すひねりです。

また、異なるコンポーネント間を動的に切り替えることもできます。その場合、1 つが空のコンポーネントになる可能性がありますが、ユース ケースではやり過ぎになる可能性があります。

于 2016-05-05T05:52:49.110 に答える