
Angular
学习Angular的相关知识
873587091
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Angular嵌套路由
嵌套路由 1.在app-routing.module.ts文件中配置路由 const routes: Routes = [ {path:"home",component:HomeComponent, children:[ {path:'tabbar',component:TabbarComponent}, {path:'footer',component:FooterComponen...原创 2020-04-19 22:42:35 · 294 阅读 · 0 评论 -
Angular路由传值
一.Get传值 1. queryParams实现get传值 1.1 使用 [queryParams]传递参数 a [routerLink]="[ '/home']" [queryParams]="{id:key}">home</a> 1.2 在该组件的component.ts下接收参数 1. import { ActivatedRoute } from '@angular/ro...原创 2020-04-19 13:01:47 · 448 阅读 · 0 评论 -
Angular生命周期钩子
组件生命周期 执行的顺序与序号保持一致 1.ngOnChanges 官方解释: 当 Angular(重新)设置数据绑定输入属性时响应。 该方法接受当前和上一属性值的 SimpleChanges 对象 在 ngOnInit() 之前以及所绑定的一个或多个输入属性的值发生变化时都会调用。 个人理解: 组件初始化时最先调用一次,随后在每次输入属性发生改变时触发, 输入属性 就是父...原创 2020-04-18 22:43:46 · 276 阅读 · 0 评论 -
Angular父子组件通信
父传子 1.使用@input方式传值 1. 在子组件的component.ts中导入Input并声明该变量 1.1 `import {Input} from '@angular/core` 1.2 在构造函数中 @Input() xxx:any; //any可以换成别的类型 2. 在父组件中使用子组件时 如 <app-son [xxx]='fatherData'></a...原创 2020-04-18 18:34:41 · 468 阅读 · 0 评论