04 2018 档案
摘要:运行时动态改变组件模版的内容。没路由那么复杂,只是一段html,没有业务逻辑。 ngContent指令将父组件模版上的任意片段投影到子组件上。 一、简单例子 1、子组件中使用<ng-content>指令来标记投影点 2、父组件中把要投影到子组件的投影点的html片段写到子组件的标签中 效果: 子组件
阅读全文
摘要:一、view钩子 view钩子有2个,ngAfterViewInit和ngAfterViewChecked钩子。 1、实现ngAfterViewInit和ngAfterViewChecked钩子时注意事项 以父组件调用子组件方法 中例子为基础,在父组件中实现ngAfterViewInit和ngAft
阅读全文
摘要:组件生命周期以及angular的变化发现机制 红色方法只执行一次。 变更检测执行的绿色方法和和组件初始化阶段执行的绿色方法是一个方法。 总共9个方法。 每个钩子都是@angular/core库里定义的接口。 import { Component, OnInit } from '@angular/co
阅读全文
摘要:viewChild装饰器。 父组件的模版和控制器里调用子组件的API。 1、创建一个子组件child1里面只有一个greeting方法供父组件调用。 import { Component, OnInit } from '@angular/core'; @Component({ selector: '
阅读全文