angular6 页面传值_Angular 6 组件之间的数据通信

基本情况有3种，父子组件，兄弟组件，任意组件的数据通信。

父组件向子组件传值时，在子组件中使用Input ，通过这种方式将模板传递给子组件。

情形一：父组件传值到子组件；

父组件

import {component} from "@angular/core";

@Component({

selector:'app-parent',

template:``，

styleurls:['./parent.component.css']

}),

export class ParentComponent{

public message=" 父组件的数据 ";

constructor(){}

}

子组件

import {component,Input} from "@angular/core";

@Component({

selector:'app-child',

template:`这是接受 { {message}}`，

styleurls:['./child.component.css']

}),

export class ParentComponent{

@Input() child:string;

constructor(){}

}

情形二： 子组件传值到父