2016-06-09 65 views
0

我在父組件錯誤數據傳遞到組件中Angular2

<day-selector [SelectedDate]="selectedDate" (onDayChange)="onDateChangebyChild($event)" ></day-selector> 
<day-selector [SelectedDate]="selectedDate" (onDayChange)="onDateChangebyChild($event)" ></day-selector> 

1分部件嵌套兩次(兩者是相同的)

和在每天selector.component.template.html I輸出「SELECTED DATE」

<input type="text" [(ngModel)]="SelectedDate" /> 

由於某些原因,他們打印不同的數據。這是爲什麼發生?

這裏的DaySelector組件:

@Component({ 
    selector: 'day-selector',  
    templateUrl:'app/shared/day-selector/day-selector.component.html' 

}) 

export class DaySelectorComponent implements OnInit{ 

    @Input() SelectedDate: Date; 
    @Output() onDayChange: EventEmitter<any>; 

constructor() { 
     this.onDayChange = new EventEmitter(); 
     } 
} 
+2

他們打印的數據是什麼?這些數據是否有意義?如果你能爲Plunker提供一個工作示例,這將會很有幫助。 – Sjoerd

回答

0

你必須確保你轉換成selectedDate發送Date DataType到子組件之前。