ng-template 是用来定义模板的,当使用ng-template定义好一个模板之后,可以用ng-container和templateOutlet指令来进行使用。
rush:js;">
ng-template在编写高定制性的组件时非常有用。可以把需要定制的内容作为模板传到组件中。
下面看下angular 使用 ngTemplateOutlet 指令
ngTemplateOutlet 的作用
该指令用于基于已有的 TemplateRef 对象,插入对应的内嵌视图。在应用 NgTemplateOutlet 指令时,我们可以通过 [ngTemplateOutletContext] 属性来设置 EmbeddedViewRef 的上下文对象。绑定的上下文应该是一个对象,此外可通过 let语法来声明绑定上下文对象属性名。
ngTemplateOutlet 的使用
rush:js;">
import { Component } from '@angular/core';
@Component({
selector: 'app-root',template: `
Hello,Semlinker!
Hello,Angular!
`,})
export class AppComponent { }
ngOutletContext 的使用
rush:js;">
import { Component } from '@angular/core';
@Component({
selector: 'app-root',template: `
{{message}}
{{msg}}
{{msg}}
`,})
export class AppComponent {
context = { message: 'Hello ngOutletContext!',$implicit: 'Hello,Semlinker!' };
}
总结
以上所述是小编给大家介绍的Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文地址:https://www.jb51.cc/js/31133.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。