How to render component/helper by name from instan

2019-03-02 07:09发布

问题:

Is there way to use component from controller/view field

So instead of using

{{contact-select label="Label:" contacts=form.prop}}
// or
{{input-field label="Label:" contacts=form.prop}}
// or
{{datepicker-component label="Label:" contacts=form.prop}}

use some like

{{context.helperName label="Label:" contacts=form.prop}}

I try use ember-helpers-render-component but it doesn't take component name from property

回答1:

You can use the component helper that was introduced in 1.11.0. Unfortunately there was no built-in way to do it before 1.11.0. If you're not able to upgrade, this thread can point you in the direction of writing your own helper.



回答2:

At version 1.11 there are component helper

for early versions i found relative question / answers: How to dynamically load ember components by name in a template? how can I invoke an ember component dynamically via a variable?

For my goals i adapt code so

https://github.com/vvs-code/ember-render-helper

and now i can use in my template

{{renderComponent field.type _param=field.value label=field.label}}

to get the same as

{{input field.value label=field.label}}

P.S> as variat - it possible get code from https://github.com/emberjs/ember.js/pull/10093 and port it into project directly