Angular Mat DatePicker-[（ngModel）]-无法显示用户保存的日期

有人能告诉我如何在Mat Datepicker中显示用户保存的日期吗

最初，我从get服务（来自嵌套对象的数据，来自另一个组件的调用）获取的endDate为null。当进入编辑模式时。我正在选择值并保存它。在控制台中，它打印所选日期。但在网络中它是空的

this.endDate: string;

<mat-form-field>
<input matInput [value] = "endDate" [matDatepicker]="myDatepicker"  name="endDate" [(ngModel)]="endDate">
<mat-datepicker-toggle matSuffix [for]="myDatepicker"></mat-datepicker-toggle>
<mat-datepicker #myDatepicker ></mat-datepicker>
</mat-form-field>

用于保存数据的实际对象

const sample : OriginalModel = { 
demoKey : this.sample['key'].demo, 
demoKey2 : this.sample['key2'].demo2, 
endDate : this.endDate 
}

如何在编辑模式下显示用户保存的值

请分享解决方案/工作清单

---

提前感谢

我不知道您为什么要尝试将日期值包装到

{}

中，但您可以使用以下语法实现这一点：

你的组件方面

sample: any = { demoKey: "", demoKey2: "", demoKey3: "", endDate: new Date }

在html方面

<mat-form-field>
<input  matInput placeholder="demoKey1" name='demoKey' [(ngModel)]='sample.demoKey' >
...
</mat-form-field>

...

您不需要使用save函数来设置双向绑定变量，而是尝试使用一个函数来控制台log

obj.endDate

，看看神奇是如何发生的

stackblitz为您的案例提供了一个示例，希望对您有所帮助

---

为什么要这样包装对象？实际上，它是对象的一部分，用于示例目的。我的对象将类似于

const-sample:OriginalModel={demoKey:this.sample['key'].demo，demoKey2:this.sample['key2'].demo2，endDate:this.endDate}

请查看我的最后评论。这是我保存数据的实际obj结构。你能做stackblitz吗。。我试过你的解决办法。不是为我工作。给我点时间。当然。。我也在努力。：）你的stackblitz没有正确加载。显示空白页

<mat-form-field>
<input  matInput placeholder="demoKey1" name='demoKey' [(ngModel)]='sample.demoKey' >
...
</mat-form-field>