Uso @input adquisición de datos subconjunto angular de montaje y método de la matriz

1 para la transferencia de datos usando @input

1, usando la matriz de montaje de componentes app-cabeza desde el msg de datos entrante.

 

<app-header [msg]="msg"></app-header>

2, entrada de subconjunto se introduce 

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

3, el subconjunto @Input msg: cadena de recepción de la transmisión de datos sobre el componente de los padres

export class HeaderComponent implements OnInit {
@Input() msg:string
constructor() { }
ngOnInit() {
}
}

4, el uso de los datos en el subconjunto de componentes de los padres

{{Mensaje}}

2 usando el @input transferencia de datos

componente secundario aplicación llama al componente de los padres

1, el método de definición del componente padre

run(){
alert('这是父组件的 run 方法');
}

2, el método de entrega es el uso de auto-ensamblaje run ()

<app-header [msg]="msg" [run]="run"></app-header>

3. El método de recepción de subconjunto elemento padre y utilizado

export class HeaderComponent implements OnInit {
@Input() msg:string;
@Input() run:any;
constructor() { }
ngOnInit() {
this.run(); /*子组件调用父组件的 run 方法*/
}
}