Angular 笔记（day1）

最新推荐文章于 2024-01-05 14:56:44 发布

全干攻城狮

最新推荐文章于 2024-01-05 14:56:44 发布

阅读量131

点赞数

分类专栏： ionic4+angular 文章标签： Angular

本文链接：https://blog.csdn.net/weixin_42127792/article/details/103175879

版权

ionic4+angular 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

1，生命周期

日志信息的日志和所规定的钩子调用顺序是一致的：

constructor()

OnChanges

OnInit //表示组件指令加载完成

DoCheck (3x)

AfterContentInit

AfterContentChecked (3x)

AfterViewInit

AfterViewChecked (3x)

OnDestroy

构造函数中除了使用简单的值对局部变量进行初始化之外，什么都不应该做。

2, *ngFor 原理 Angular 会把 *ngFor 用同样的方式把星号（*）语法的 template属性转换成 <ng-template>元素。

1,修改 *ngFor 指令，在遍历列表的过程中把 array数组中的每个索引赋值给 userId 变量。

*ngFor="let item of array; index as userId"//表示将index 赋值给 userId 属性

3,Angular 使用双向数据绑定先导入import { FormsModule } from '@angular/forms';

在app.moudel 中引入FormsModule

imports: [

BrowserModule,

FormsModule

]

4,服务的使用

4.1 ng g service 名字创建服务自动引入服务到 app.moudel import {StorageService} from './services/storage.service'

4.2 providers 引入服务

@NgModule({
  declarations: [ //引入App中定义的组件
    AppComponent,
    NewsComponent,
    SearchComponent
  ],
  imports: [//引入第三方组件
    BrowserModule,
    FormsModule
  ],
  providers: [StorageService],// 引入App定义的服务
  bootstrap: [AppComponent] //App启动的主视图
})

4.3 在模块中引入服务 import { StorageService } from '../../services/storage.service';

4.4 模块对应的构造其中初始化 constructor(public storage:StorageService) 相当于对storage 实例化