Angular formControlName 中的日期管道

Question

有人可以指导我使用 formControlName 以 8 角的形式实现日期管道吗train.component.html<mat-grid-tile colspan=1 rowspan=1>    <div class="train-control">        <input type="text" formControlName="{{ 'apprTimestamp' | date:'medium' }}">    </div></mat-grid-tile>但似乎不起作用。有人可以指导我。例外TrainComponent.html:58 ERROR Error: InvalidPipeArgument: 'Unable to convert "apprTimestamp" into a date' for pipe 'DatePipe'    at invalidPipeArgumentError (common.js:5737)    at DatePipe.transform (common.js:6877)    at checkAndUpdatePureExpressionInline (core.js:34381)    at checkAndUpdateNodeInline (core.js:35155)    at checkAndUpdateNode (core.js:35090)    at debugCheckAndUpdateNode (core.js:36112)    at debugCheckDirectivesFn (core.js:36055)    at Object.eval [as updateDirectives] (TrainComponent.html:60)    at Object.debugUpdateDirectives [as updateDirectives] (core.js:36043)    at checkAndUpdateView (core.js:35055)谢谢 ！

Answer 1

如果您确实想将日期值分配给 formControlName，请使用包含时间戳值的变量排除 ''。

<input type="text" name="someName" formControlName="{{ apprTimestamp | date:'medium' }}">