随笔分类 - Angular
主要总结关于Angular 框架使用中遇到的知识点
摘要:@ViewChild 来获取DOM 在模板中给dom起个名字 <div #childDom> dom 节点 </div> 在业务逻辑中引入ViewChild import { ViewChild } from '@angular/core'; 写在类里 @ViewChild('childDom',
阅读全文
摘要:简介: Angular 指令的生命周期,是用来记录指令从创建、应用及销毁的过程。Angular 提供了一系列与指令生命周期相关的钩子,便于我们监控指令生命周期的变化,并执行相关的操作。 生命周期介绍: ngOnChanges:当数据绑定输入属性的值发生变化时;@input属性(输入属性)发生变化时;
阅读全文
摘要:1. parent to child: parent: <app-child [childMessage]="parentMessage"></app-child> child: @Input() childMessage: string; 2. child to parent: @ViewChil
阅读全文
摘要:双向数据绑定是Angular 项目中一大特点,它属于MVVM模式,即Model 改变,影响视图,视图内容改变,反过来影响Model;其底层实现机制,就是将属性绑定和事件绑定绑定相结合。下面介绍双向数据绑定在input、checkbox、radio、textarea 标签的实现方式。 input: <
阅读全文
摘要:在Angualr项目中,app.module文件是根模块,起着关键作用,下图注释了核心内容,以供参考。
阅读全文