Angular9应用select下拉框无法正确回显列表第一个值问题求助

AI 小北

2026-10-4

问题根因

你的compareWith方法存在两个逻辑错误，直接导致回显匹配失败：

比较逻辑和绑定值类型不匹配：你给下拉选项的[ngValue]绑定的是sf.frequency，也就是直接是Frequency枚举的原始值（本质为字符串），不是FrequencyUI实例。但原方法中错误尝试读取入参的frequency属性，字符串不存在该属性，读取结果为undefined，比较逻辑完全失效。
空值匹配逻辑遗漏：原方法只有当两个入参都为真值时才会返回有效比较结果，若两个值都为null，也会返回false，导致默认空选项无法正常匹配。

修复方案

直接修改compareWith方法为如下逻辑即可：

compareSubscriptionFrequenciesByOptionId(val1: Frequency | null, val2: Frequency | null) {      
    // 空值全等匹配
    if (val1 === null && val2 === null) return true;
    if (!val1 || !val2) return false;
    // 直接比较枚举值本身
    return val1 === val2;
}