javascript - Add of Handlebars code on click on a button in Ember -

i using ember , on click on button, add following code on page:

<div class="clearfix input-file-line">     <div class="input-file-float-block">         <button class="btn btn-info">from computer</button>         {{input type="file" class="styled"}}     </div>     <div class="input-file-float-block">     or     </div>     <div class="input-file-float-block">         {{#view "cloudupload"}}             <button class="btn btn-info" {{action 'showmodalforcloudfiles'}} >from cloud</button>         {{/view}}     </div> </div> 

and each time click on button, show block. example, if user click 3 times on button, display 3 times block.

do have idea clean way?

thanks answers

you create flag display block or not.

isshowinguploadblock: false,  actions: {     // call action button   showuploadblock: function() {     this.set("isshowinguploadblock", true);   } } 

and in template:

{{#if isshowinguploadblock}} <div class="clearfix input-file-line">   ... </div> {{/if}} 

if you'd prefer can toggle class on div instead.