角2 - 從一個控制器到另一個

Question

通行證數據我想從parent控制器傳遞數據到child控制器，當一個元件上的用戶click現有的parent。

例如，

<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'; 
    } 
}