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&nbsp;type="text"&nbsp;name="someName"&nbsp;formControlName="{{&nbsp;apprTimestamp&nbsp;|&nbsp;date:'medium'&nbsp;}}">