angular - 是否可以将当前日期和时间放在 mat-form-field 中？

Question

我有一个 mat-form-field，我希望在输入字段中显示当前时间。我可以在里面添加它，但我的样式有问题。这是代码行：

<mat-label>Filing Time:</mat-label><br>
              <mat-form-field appearance="outline" class="width-1">
                <input
                  matInput
                  formControlName="filingTime"
                  readonly
                  required
                />
                {{ filingDate | date: 'HH:mm:ss' }}
              </mat-form-field>

Answer 1

你实际上并没有在你的输入“内部”添加它，它实际上是 oustide，如果你想要实现的是自动填充输入，那么你需要使用value属性，<input/>但这当然会导致一个问题，因为你不能使用因此，在属性date pipe内部value，您将不得不使用ngModelwhich 将更改您的方法，因为您正在使用该Reactive Forms方法，但是您可以通过使用 standalone = truefor your ngModel(如果您不希望该字段出现在您的form），或者您可以保留该name属性，而不是formControlName这样（如果您希望该字段出现在您的form），基本的实现是这样的：

<mat-label>Filing Time:</mat-label><br>
<mat-form-field appearance="outline" class="width-1">
  <input matInput [ngModel]="filingDate | date: 'HH:MM:SS'" />
</mat-form-field>

在查看模板其余部分中的更多代码以及您的component class.

希望这有帮助。