Question

我需要在用户点击按钮时插入一个组件，我的代码：

dash.hbs

julia> @which push!(CDFBuf(),"foo")
push!{T<:CDF.CDFBuf}(buff::T, x) at /d/base/DA/DA.jl:105

julia> @which search("foobar","foo")
search(s::AbstractString, t::AbstractString) at strings/search.jl:146

dash.js // controller

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

我的组件是ember-chart，

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

由于

Answer 1

我不知道您是否熟悉车把条件，但您应该在guides

中详细了解

您可以像这样使用条件：

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

这是一个twiddle，展示了如何使用if语句切换组件。

您还可以在不同的组件之间动态切换，其中一个组件可能是一个空组件，但对于您的用例可能有点过分。

在Controller动作EmberJS中插入组件

1 个答案: