打开输入时如何设置默认值？

Question

我有一个输入组件，我想在打开它时设置默认值（例如设置display属性block），然后就可以控制输入了。 code example

我尝试使用componentWillReceiveProps或新的生命周期getDerivedStateFromProps。但是我发现一些文章说这是反模式。

是否有更好的方法来实现目标？

Answer 1

<mat-form-field> <input matInput [min]="minDate" [matDatepicker]="date" [(ngModel)]="request.date | request.date: 'dd/MM/yyyy hh:mm a'" placeholder="Choose a date"> <mat-datepicker-toggle matSuffix [for]="date"></mat-datepicker-toggle> <mat-datepicker #date></mat-datepicker> </mat-form-field> 是一个不错的选择，将以下代码添加到您的InputForm中：

this.datePipe.transform(this.request.date,"MM-DD-YYYY")

https://jsfiddle.net/dkhz32x9/