angular--dom操作

dom操作（原生js）

 //原生
    let oBox:any=document.getElementById('box');

    console.log(oBox.innerHTML);
    oBox.style.color="red";

dom操作（ViewChild）

1、模板中给dom起一个名字

<div #mybox>
    一个dom 节点
</div>

2、在业务逻辑里面引入ViewChild

import { Component, OnInit,ViewChild } from '@angular/core';

3、写在类里面 获取dom节点

@ViewChild('mybox') myBox:any;

4、ngAfterViewInit生命周期函数里面获取dom

this.myBox.nativeElement

父组件通过ViewChild调用子组件的方法

父组件给子组件传值：

1. 子组件可以获取父组件的数据
2. 子组件可以执行父组件的方法

子组件给父组件传值：

1. 父组件可以获取子组件的数据
2. 父组件可以获取子组件的方法

非父子组件：（通过服务、Localstorage）

1. 组件之间传值
2. 共享方法

父组件给子组件传值 @Input

1. 绑定值 [名]="值"
2. 在子组件中接收 ，用@Input