Wie eine Komponente dynamisch in einen Behälter in Ember.js laden

Question

Ich habe eine Container-Komponente

{{container}} 

Wessen .hbs (Vorlage) Datei hat eine

<div id='box'></div> 
<button>Click Me</button> 

Wenn die Taste geklickt wird Ich möchte eine andere Komponente (sagen wir {{image}} in es geladen werden.

Ist dies möglich?

Answer 1

Ja. es ist möglich, component Helfer zu verwenden. Reference

Für Ihren Anwendungsfall, können Sie einfach sagen, {{#if showImage}} {{image-component }} {{/if}} und Toggle showImage Eigenschaft auf Schaltfläche