角度2 - あるコントローラから別のコントローラにデータを渡す

Question

parentの要素のユーザclickが存在する場合、parentコントローラからchildコントローラにデータを渡したいとします。

例：

<div (click)="PassDataToChild(orderNo)"></div> 

.TS

PassDataToChild(orderNo){ 
//Got the orderNo 
//How to send it to the child component, and let the child read it? 
} 

Answer 1

あなたは親から子へデータを渡すために@Input()デコレータを使用することができます。

コードは、子が親コンポーネントについて何も知らないはず

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

@Component({ 
    selector: 'child-comp', 
    template: '<div>{{orderNo}}</div>' 
}) 

export class Child { 
    @Input() orderNo: string; 
} 



import {Component} from '@angular/core'; 

@Component({ 
    selector: 'parent-comp', 
    template: '<div (click)="PassDataToChild()"></div> <child-comp [orderNo]="orderNo"></child-comp>' 
}) 

export class Parent { 
    orderNo: string; 

    PassDataToChild() { 
     this.orderNo = 'Dummy Order'; 
    } 
}