2017-10-20 77 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