Angular 中 ngTemplateOutlet 的用法以及ng

Stella981
• 阅读 536

一、引言

今天看到文章:https://segmentfault.com/a/1190000015944548 。于是专门研究一下ngTemplateOutlet用法!!!!

官方定义 :

NgTemplateOutlet: 它是结构指令,根据一个提前备好的 [TemplateRef](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fangular.cn%2Fapi%2Fcore%2FTemplateRef) 插入一个内嵌视图。 你可以通过设置 [[ngTemplateOutletContext](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fangular.cn%2Fapi%2Fcommon%2FNgTemplateOutlet%23ngTemplateOutletContext)] 来给 [EmbeddedViewRef](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fangular.cn%2Fapi%2Fcore%2FEmbeddedViewRef) 附加一个上下文对象。 [[ngTemplateOutletContext](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fangular.cn%2Fapi%2Fcommon%2FNgTemplateOutlet%23ngTemplateOutletContext)] 是一个对象,该对象的 key 可在模板中使用 let 语句进行绑定。

示例:  <ng-container *ngTemplateOutlet="templateRefExp; context: contextExp">       

*我测试: