300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > Angular里使用createEmbeddedView动态加入新的模板元素

Angular里使用createEmbeddedView动态加入新的模板元素

时间:2022-11-12 05:19:55

相关推荐

Angular里使用createEmbeddedView动态加入新的模板元素

html源代码:

<div><ng-template #tpl><span>鬼子到我想干什么</span></ng-template><div #container></div><button (click)="showTpl()">显示template</button></div>

这部分源代码的运行时对应的原生html代码:

通过比较,html源代码里的ng-template代码没有出现在运行时的原生html代码:

<ng-template #tpl><span>鬼子到我想干什么</span></ng-template>

showTpl的实现代码:

showTpl() {this.container.createEmbeddedView(this.tt);}

点了按钮之后的html源代码:

效果就是以前被包裹在ng-template里用#命名的span元素,已经出现在了html源代码里:

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。