随笔分类 -  Angular

摘要:#BrowserModule和CommonModule BrowserModule和CommonModule都提供了一些操作指令 此时检查BrowserModule是否多次被import,BrowserModule只能导入一次,在app.module内导入;CommonModule可以导入多次,在各 阅读全文
posted @ 2020-06-11 13:33 haozj 阅读(301) 评论(0) 推荐(0)
摘要:指令分类 angular的指令分为三类:属性指令、结构指令、动态指令。 属性指令 之前在使用angular的时候,大家都曾使用过[ngClass]=""这个吧,这个就是属性指令,是angular内置的属性指令。属性指令顾名思义就是定义后,用于HTML元素内作为属性使用的。 定义 import { D 阅读全文
posted @ 2020-04-03 17:21 haozj 阅读(374) 评论(0) 推荐(0)
摘要:变化监测 Angular的双向绑定是基于变化监测来实现的,JS内没有提供通知数据变化的机制,因此Angular需要自己去完成这件事。 Angular并不捕捉数据对象的变化,而是在某个适当的时机去检查数据是否发生了变化。要想把控这个时机,首先需要知道是何时合适,也就是数据何时可能发生变化? 数据变化的 阅读全文
posted @ 2020-01-17 08:54 haozj 阅读(560) 评论(0) 推荐(0)
摘要:FormGroup、FormControl、ngModel、name、ngForm。、 FormControl 表单最小的单元,表单项。涵盖了表单项的值和状态(藏值、是否有效等)。 FormGroup 统一管理所有的FormControl,相当于FormGroup的集合。使用formBuilder创 阅读全文
posted @ 2020-01-10 16:38 haozj 阅读(159) 评论(0) 推荐(0)
摘要:服务用于处理复杂的逻辑关系,而且因为是单例对象,可以用于兄弟组件之间传递数据。 依赖注入 1.定义服务 import { Injectable } from '@angular/core'; @Injectable() //如果这个服务在构造器内注入了其他服务,必须加上这个注解,否则编译时会无法确定 阅读全文
posted @ 2019-09-23 16:24 haozj 阅读(310) 评论(0) 推荐(0)
摘要:1.定义子组件 @Component({ selector:"app-product-detail", templeteUrl:"./product-detail/product-detail.html", styleUrls:"", }) export class ProductDetail{ } 阅读全文
posted @ 2019-06-10 11:28 haozj 阅读(1049) 评论(0) 推荐(0)