AngularJS Material md-select选中值不生效，点击无法触发ng-change求助

看起来你遇到的问题主要出在控制器引用不一致和ng-model-options的trackBy语法错误上，这两个问题会导致选中值无法正确绑定，ng-change也没法正常触发。我帮你梳理并修正了代码，具体如下：

修正后的代码 #

<div flex>
  <md-select 
    ng-model="$callcenterController.selectedLanguage" 
    ng-change="$callcenterController.languageChange($callcenterController.selectedLanguage.name)" 
    placeholder="{{$callcenterController.selectLanguageLabel}}" 
    ng-model-options="{ trackBy: '$value.name' }"
  >
    <md-option 
      ng-value="language" 
      ng-repeat="language in $callcenterHomeController.languageList"
    >
      {{ language.name }}
    </md-option>
  </md-select>
</div>

关键修正点说明 #

• 统一控制器引用：你之前在ng-change里用了$callcenterHomeController，但ng-model绑定的是$callcenterController的属性，这会导致无法正确获取选中的name值。现在改成和ng-model一致的控制器，确保数据能正确传递到languageChange函数。
• 修复trackBy表达式：原来的trackBy: 'languages.name'是错误的——在ng-model-options的trackBy规则里，需要用$value指代当前的模型值，所以改成$value.name，这样AngularJS会通过name属性来匹配选项和选中值，避免因为对象引用不同导致选中状态不更新的问题。
• 优化循环别名：把ng-repeat里的languages改成单数language，语义更清晰，也避免和其他变量混淆。

额外排查建议 #

1. 确保$callcenterController.selectedLanguage初始化时，是$callcenterHomeController.languageList中的一个对象（或者至少name属性完全匹配），这样页面加载时就能正确显示初始选中项。
2. 检查$callcenterController里的languageChange函数是否正确定义，参数能正常接收传入的name值。

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