Dynamically creating Angular component in Angular Dart

Question

I basically want to create and add a component to the DOM programatically at runtime. Note a similar question was posted here but it refers to Angular 1, this question is for Angular 2.

rkj · Accepted Answer · 2017-04-14 00:28:50Z

0

You can use dynamic component from angular2_components: https://github.com/dart-lang/angular2_components/tree/master/lib/src/components/dynamic_component

It allow you to pass [Type] of a component and it will do the job.

answered Apr 14, 2017 at 0:28

rkj

9,4612 gold badges32 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Dandan Over a year ago

But dynamic component still needs to be included (and thus compiled) in my template. In my case, I'd like to replace some HTML retrieved from an external (safe) source with Angular components.

filiph Over a year ago

Do you mean like getting something like '<material-button [disabled]="someVariable">{{otherVariable}}</material-button>' as a string, parsing it and adding it to the DOM?

rkj Over a year ago

I think that would require shipping compiler and Anulgar Dart doesn't currently do it out of the box.

Collectives™ on Stack Overflow

Dynamically creating Angular component in Angular Dart

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related