Utilisation Ensemble d'acquisition de données sous-ensemble @input angulaire et la méthode du parent

1 aux données de transfert en utilisant @input

1, en utilisant l'ensemble composant parent app-tête du msg de données entrant.

 

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

2, sous-ensemble est introduit entrée 

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

3, le sous-ensemble @input msg: Chaîne de réception de transmission de données sur le composant parent

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

4, en utilisant les données dans le composant de sous-ensemble de parent

{{Msg}}

2 en utilisant le transfert de données @input

composant enfant de mise en œuvre appelle le composant parent

1, la méthode de définition de composant parent

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

2, le mode de livraison est d'utiliser l'auto-assemblage run ()

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

3. Le procédé de réception de sous-ensemble élément parent et utilisé

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