If you are building elements in a loop, can you use {{#each }}
?
Component.extend({
tag: "my-app",
view: `{{#each colors}}<color-block color:from="this"/>{{/each}}`
ViewModel: {
colors: {
default: (){
return [{name: "black", value: "#000"}, ....]
}
}
}
})