Angular 18中ngbDatepicker与ngModel绑定失效问题求助

问题根源在于模板引用变量与组件类中的变量重名：你在模板里用#myDate="ngbDatepicker"定义了模板引用变量，和组件类里的myDate变量同名，导致ngModel无法正确关联到组件的变量，因此既无法更新关联变量，也无法读取变量值。

只需修改模板里的引用变量名，避免冲突即可解决：

修正后的app.component.html代码：

<input class="form-control" name="myDate" [(ngModel)]="myDate" ngbDatepicker #dp="ngbDatepicker" (click)="dp.toggle()" readonly />
<input type="button" (click)="show()" value="Show" />

组件类代码无需改动，若需要设置初始值，保留以下代码即可：

myDate: NgbDateStruct = {year: 2000, month: 2, day: 10};

修改后，选择日期点击Show按钮就能在控制台和弹窗中看到正确的日期对象，初始值也会正常显示在输入框内。

内容的提问来源于stack exchange，提问作者Dombi Bence