Angular 2.如何将组件替换或包含在文本中

时间:2016-03-04 15:36:15

标签: javascript replace typescript angular dynamic-loading

情况 - 我有一个简单的组件:

@Component({
    selector: 'body',
    template: 'Body: {{ body }}'
})

export class PostBodyComponent {
    @Input('body') body: string;
}

我想用其他角度组件替换体内的一些子串,例如'body'可能包含一些链接,我想用一些LinkComponent替换这个“链接”。意味着我需要显示已经动态加载的组件而不是此链接的主体。有可能以某种方式做到这一点,以显示内部动态加载组件的结果吗?

1 个答案:

答案 0 :(得分:2)

您无法使用动态插入的HTML创建组件或指令。您可以使用DynamicComponentLoader来强制添加/删除组件