Angular 2动态创建html标记

Question

有没有办法在组件模板中动态创建html标签？

像这样的东西

template:`<{{custom_tag}} [info]="info"></{{custom_tag}}>`
...
this.custom_tag="example";
this.info={};

生成的html将是这样的

<example info="..."></example>

Answer 1

我遇到了同样的问题，我解决了更换标签的指令：

https://stackoverflow.com/a/42049947/7383715

Answer 2

很抱歉造成延迟，但是我要添加我的回复：

创建一个新组件，现在您可以在需要的地方使用该组件选择器标记本身。

like;

@Component({
  selector: 'app-example',
})
export class ExampleComponent implements OnInit {}

将选择器用作：

<app-example></app-example>

将参数传递给新组件为：

 <app-example [param]="abc"></app-example>

此输入参数需要使用 @input（） 属性以相同的标识符“ param”来标识。