![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
文章平均质量分 58
早起的菜鸟有菜吃
前端菜鸟记录仪
展开
-
Angular学习笔记之--(1)生命周期篇
首先来一张官网上的图,转于https://angular.cn/guide/lifecycle-hooks/** * 执行顺序: * constructor:组件构造函数调用 * ngOnChanges:组件输入属性 `@Input改变` 多次触发 * ngOnInit:组件初始化 * ngDoCheck: 框架层面做的变化检测 与ngOnChanges有重叠的地方,双方一般不同时出现 多次触发 * ngAfterContentInit:组件内容初始化 ...原创 2021-08-23 13:32:46 · 807 阅读 · 0 评论 -
Angular学习笔记之--(2)双向绑定
首先input组件内部的双向绑定有两种方式第一种:通过数据绑定[value]和(input)事件绑定html部分<div><inputtype="text"[value]="username"(input)="username=$event.target.value"/><span>{{username}}</span></div>ts部分exportclassIn...原创 2021-08-23 13:20:07 · 482 阅读 · 0 评论 -
Angular官网快速上手例子踩坑日记
(1)[routerLink]="['/']"报错出现问题的主要原因是没有在app.module.ts导入router模块,import{RouterModule}from'@angular/router';@NgModule({ imports: [ RouterModule.forRoot([{ path: '', component: ProductListComponent }]) ]})路由这里一定要注意,在@NgModule写法是不加'/'的,但是[...原创 2021-08-21 17:09:18 · 242 阅读 · 0 评论