随笔分类 -  Angular

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

点击右上角即可分享
微信分享提示