You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用patchValue设置值后mat-autocomplete的mat-option未视觉选中

Angular Material Autocomplete 选中状态不显示问题

当前行为

在getProducts方法中通过patchValue设置product表单控件的值时,表单控件值更新正常,但组件初始加载时,autocomplete下拉框中对应的<mat-option>未视觉显示为选中状态。

预期行为

组件加载时,通过patchValue设置的值对应的<mat-option>应在autocomplete下拉框中视觉显示为选中状态。

复现步骤

  • 打开应用并导航到stepper组件;
  • 在步骤1中选择一个用户;
  • 进入步骤2,getProducts方法通过patchValue为productCtrl控件程序化设置值;
  • 打开产品选择的autocomplete下拉框。

环境

  • Angular: 18.2.9
  • Angular Material: 18.2.10

内容的提问来源于stack exchange,提问作者Rocky

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 16:24:49