2017-10-20 128 views
0

我試圖從子組件回的數據傳遞到父元素(角4)。這些數據來自「表單輸入」,用戶可以在其中插入一些信息。不幸的是,這些信息不會回到父母元素。我正在尋找解決方案,有人可以幫助我?我的代碼...發送數據到子分量e回傳數據

從父元素將信息發送到子組件:

<app-fix-period 
    [fixPeriodChoices]="model.fix_period" 
    [date_time_start]="model.date_time_start" 
    [date_time_end]="model.date_time_end" 
    [begin_hour]="begin_time.hour" 
    [begin_minute]="begin_time.minute" 
    [finish_hour]="end_time.hour" 
    [finish_minute]="end_time.minute"> 
    </app-fix-period> 

的組件......在形式,我填的是輸入用戶數據,但沒有回到父母。

<div class="form-group"> 
    <label>Inicio</label> 
    <wr-calendar [(ngModel)]="date_time_start" name="date_time_start" [style]="{ width: '100%' }"> 
    </wr-calendar> 
</div> 

組件...

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

@Component({ 
    selector: 'app-fix-period', 
    templateUrl: './fix-period.component.html', 
    styleUrls: ['./fix-period.component.scss'], 
    inputs: [ 
    'fixPeriodChoices', 
    'date_time_start', 
    'date_time_end', 
    'begin_hour', 
    'begin_minute', 
    'finish_hour', 
    'finish_minute' 
    ], 
    outputs: [ 
    'date_time_start', 
    'date_time_end', 
    'begin_hour', 
    'begin_minute', 
    'finish_hour', 
    'finish_minute' 
    ] 
}) 

export class FixPeriodComponent implements OnInit { 

    constructor() { } 

    ngOnInit() { } 

} 

洙..我感謝所有幫助

回答

0

我們可以將數據傳遞給孩子通過使用輸入來控制,通過使用輸出來控制父母。

有很多方式就像使用服務共享數據,請確保您使用的不是每一個部件上,但只有在app.module.ts提供商,否則每一個組件將創建它自己的實例。

要使用的輸入輸出&裝飾看Angular component communication by using Input Output decorator