如何将自定义管道与反应式输入框Angular 4绑定

Question

如何使用反应式输入框Angular 4绑定自定义管道。

请检查工作代码。

<input [ngModel]="datevalue | datePipe"
       (ngModelChange)="datevalue=$event"
       name="dateField"
       type="text" />

但我想与

绑定

<input type="text" name="dt" formControlName="dt">

Answer 1

如果您需要在许多地方使用此类输入，您可以创建一个实现 ControlValueAccessor 的控件，并将此类工作封装在底层。在其他地方你可以使用

<my-control type="text" name = "dt" formControlName="dt"></my-control>

下面会包含类似

的内容

<input [ngModel]="datevalue | datePipe"
       (ngModelChange)="datevalue=$event"
       name="dateField"
       type="text" />