我有一个关于我的 Radiobox 组的 UI 更新的问题。
<div *ngFor="let options of dateOptions">
<input class="form-check-input" [value]='options.value' (ngModelChange)="selectionChanged($event)" type="radio" name="dateOptions"
[(ngModel)]="selectedOption">
<label class="mr-3">
{{options.displayText}}
</label>
</div>
这种绑定工作正常。我的组件扩展了 ControlValueAccessor 并且当selectedOption
更新如下:
writeValue(dateId: DateIds): void {
const matchingOption = this.dateOptions.find((option) => equal(option.id, dateId))
this.selectedOption= matchingOption ? matchingOption.value : this.selectedOption
this.selectionChanged(this.selectedOption)
}
该值设置正确,selectedOption
但 UI 仅在我与组件交互时更新。即使打开我的日期选择器足以更新 UI,我也不必更改选择。
根据文档,UI 应在selectedOption
更改以匹配该值时更改。