從兒童到家長的角度傳遞數據

我正在學習/在Angular項目上工作，我做了很多，我嘗試做的事情「正確的方式」，所以現在我想要做的是這樣的：從兒童到家長的角度傳遞數據

我想從子組件獲取變量（輸出）給父組件，但是我不想使用輸出，我不想聽它，我想在父組件需要它的時候得到它，類似於child.getVariable()我遇到過一篇文章說我應該使用childview，但問題與我的不一樣，所以我想知道是否使用childview從子組件獲取數據是一種好的做法？

來源

2016-12-17 nikagar4

閱讀文檔https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-child-local-var – silentsod

[從父類調用子組件方法 - Angular 2]可能的重複（http://stackoverflow.com/questions/38974896/call-child-component-method-from-parent-class-angular-2） – silentsod

您是否只需要從父模板中訪問子組件的變量？如果是這樣，您可以使用：

<child-component #childComponentRef></child-component>

然後，您可以從父模板中訪問＃childComponentRef.someVariable。否則，我認爲Angular團隊推薦共享服務。無論如何，它們有點多用途。見

來源

2016-12-17 16:21:48 jezzah

如果你想同步訪問某個子組件，那麼它可能是使用ViewChild如下一個很好的做法：

import { CountryCodesComponent } from '../../components/country-codes/country-codes.component'; 
import { Component, ViewChild } from '@angular/core'; 

@Component({ 
    selector: 'signup', 
    templateUrl: "signup.html" 
}) 
export class SignupPage { 
    @ViewChild(CountryCodesComponent) 
    countryCodes: CountryCodesComponent; 
    nationalPhoneNumber = ''; 

    constructor() {} 

    get phoneNumber(): string { 
     return '+' + this.countryCodes.countryCode + this.nationalPhoneNumber; 
    } 
}

來源

2016-12-17 16:37:46

註冊EventEmitter你的孩子組件作爲@Output：

@Output() onDatePicked: EventEmitter<any> = new EventEmitter<any>(); 
Emit value on click: 

public pickDate(date: any): void { 
    this.onDatePicked.emit(date); 
}

請監聽父組件的模板中的事件：

<div> 
    <calendar (onDatePicked)="doSomething($event)"></calendar> 
</div>

，並在父組件：

public doSomething(date: any):void { 
    console.log('Picked date: ', date); 
}

來源

2017-10-09 09:29:31 Amit

從兒童到家長的角度傳遞數據

回答

相關問題