如何使用angular 2组件动态添加innerHTML [英] How to dynamically add innerHTML with angular 2 components
问题描述
我正在为组件库创建文档.我想要 1 个 html 字符串来生成页面上的组件和它的文档.
我想要的:
我有什么:
当我检查 HTML 时,我的按钮标签不存在.当我使用innerHTML时,它们被剥离了.
我的组件代码:
private flatButtons = `<div class="button-wrapper"><my-button [type]="'default'" [raised]="false">默认</my-button>
<div class="button-wrapper"><my-button [type]="'primary'" [raised]="false">Primary</my-button>
<div class="button-wrapper"><my-button [type]="'success'" [raised]="false">成功</my-button>
<div class="button-wrapper"><my-button [type]="'info'" [raised]="false">Info</my-button>