Ember和语义UI动态操作

Question

我想使用Ember js或Ajax在Sematic UI中创建动态动作 例如 如果单击添加按钮，则需要查看另一个输入列和一个提交按钮

  

/app/test/teamplate.hbs

<button class="ui button" {{action="addInputElement"}}>
  ADD 
</button>

  

/app/test/route.js

   export default Route.extend({
   });

  

/app/test/controller.js

export default Controller.extend({
    actions: {
       addInputElement: function(){
       //controller statements
       }
    }
});