Wie kann ich in Angular 2 einen Wert von der Elternkomponente an die Direktive übergeben?

Question

Wenn ich die folgende Codezeile in meiner Stammkomponente

<input datepicker type="text" (change)="update($event)"/> 

Wie kann ich einen Wert an die picker Richtlinie übergeben habe?

Answer 1

Definieren Sie die Eingabe in der Richtlinie

datepicker.directive.ts

import {Input} from '@angular/core'; 
... 
export class DatePickerDirective{ 
    @Input() config:any = {}; //set to default configuration 
} 

Nun, wenn Sie auf die config Eigenschaft dieser Richtlinie in der Vorlage zu binden, wird Angular

diesen Wert übergeben

parent.component.ts

parent.component.html

<input datepicker type="text" [config]="dateConfig"/>