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()装饰器将数据从Parent传递给Child。

代码附在

下面

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

Angular 2 - 将数据从一个控制器传递到另一个控制器

1 个答案: