记录：angular初认识

*ngFor="let item of list ; let key = index"

*ngIf="key"
/*
在app.module.ts 引入
//引入表单相关的模块，才可以实现双向数据绑定
import { FormsModule } from '@angular/forms';*/

 imports: [FormsModule],
// 才可以使用数据双向绑定
[(ngModel)]="key"

通过ViewChild获取dom节点

<div #box>dom节点</div>

- 导入ViewChild
import { Component, OnInit, `ViewChild` } from '@angular/core';

- 在构造器前面拿到dom节点
 @ViewChild('box') myBox: any;
  constructor() {}
- 在Dom初始化完成对dom操作
 ngAfterViewInit(): void {
    this.myBox.nativeElement.style.color = 'red';
    console.log(this.myBox.nativeElement);
  }

生命周期

ngOnInit():void{
//在这里时组件跟指令初始化完成，
//如果标签带有ngIf的判断类似会报错
}

ngAfterViewInit():void{
//视图加载完成后出发的方法 这时候页面才算加载完成
//这里的dom节点已经初始化完成，可以在这里操作dom
}