在一些服务检索到一些信息后，我try 手动设置表单，并且我需要再次设置下拉列表中的值(出于实用性，使用setTimeout).
旁边是一个正常的 Select 器，它的工作与我预期的一样.我对p-DropDown也做了同样的事情--我根本不工作.
它通过onChange方法检测到更改，但同样什么也没有发生.
https://stackblitz.com/edit/ge9bjb?file=src%2Fapp%2Fdemo%2Fdropdown-reactive-forms-demo.ts个
也许它需要一些关于<p-dropdown>的参考才能工作？
有一种解决方法可以解决此问题:
<p-dropdown>上添加一个模板引用，如#dd: <p-dropdown
#dd
formControlName="city"
[options]="cities"
optionLabel="name"
(onChange)="onChange($event)"
></p-dropdown>
@ViewChild读取模板引用: @ViewChild('dd') dd:Dropdown
SetTimeout中添加以下内容以更新型号值: setTimeout(() => {
this.cityName?.patchValue(this.cities[1], { onlySelf: true });
this.dd.updateModel(this.cities[1]) // add this line to update model
console.log(this.formGroup.getRawValue().city);
console.log(this.formGroup2.getRawValue().cityName);
}, 2000);
这对你来说应该没问题.
我认为发生这种情况是因为下拉列表中的
modelValue信号 引擎盖下的部件.