Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法

前端之家收集整理的这篇文章主要介绍了Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

ng-template 是用来定义模板的,当使用ng-template定义好一个模板之后,可以用ng-container和templateOutlet指令来进行使用。

ng-template在编写高定制性的组件时非常有用。可以把需要定制的内容作为模板传到组件中。

下面看下angular 使用 ngTemplateOutlet 指令

ngTemplateOutlet 的作用

该指令用于基于已有的 TemplateRef 对象,插入对应的内嵌视图。在应用 NgTemplateOutlet 指令时,我们可以通过 [ngTemplateOutletContext] 属性来设置 EmbeddedViewRef 的上下文对象。绑定的上下文应该是一个对象,此外可通过 let语法来声明绑定上下文对象属性名。

ngTemplateOutlet 的使用

Hello,Semlinker! Hello,Angular!
`,}) export class AppComponent { }

ngOutletContext 的使用

{{message}}

{{msg}}

{{msg}}

`,}) export class AppComponent { context = { message: 'Hello ngOutletContext!',$implicit: 'Hello,Semlinker!' }; }

总结

以上所述是小编给大家介绍的Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/js/31133.html

猜你在找的JavaScript相关文章