且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

ng-template 和 TemplateRef.createEmbeddedView

更新时间:2022-09-14 08:50:31

源代码:

ng-template 和 TemplateRef.createEmbeddedView

ng-template 和 TemplateRef.createEmbeddedViewng-template 和 TemplateRef.createEmbeddedViewTemplateRef对应ng-template的引用。

看一个实际的例子:

template 文件里,定义一个id为tpl的ng-template:ng-template 和 TemplateRef.createEmbeddedViewng-template 和 TemplateRef.createEmbeddedView首先使用依赖注入,拿到ViewContainerRef引用。

使用@ViewChild, 拿到id为tpl的ng-template引用,类型为TemplateRef.

调用ViewContainerReference, 创建tpl模板实例。

注意,this.vcRef.createEmbeddedView, 虽然传入的是templateRef,但实际上正是调用templateRef的createEmbeddedView方法。



ng-template 和 TemplateRef.createEmbeddedView

2021-4-20

Represents an embedded template that can be used to instantiate embedded views.

TemplateRef代表一个嵌入的模板,可以被用来实例化嵌入视图。ng-template 和 TemplateRef.createEmbeddedView