javascript - Angular JS 下拉列表未显示 ng-selected ="selected"的值

Question

我是 AngularJS 的新手，遇到了 ng-option 的问题，selected='selected' 没有显示在组合框中。

下面是选择的 HTML 元素和数据源:

<select class="form-control" id="numberOfRows" ng-model="prefferedLanguage"
       ng-change="changePreference(prefferedLanguage)">
    <option my-repeat="language in sirCommonService.LOVData.LanguagePreference" value="{{language.LanguageISOCode}}"
            ng-selected="{{language.IsDefault == true}}">
        {{language.LanguageName}}
    </option>
</select>

sirCommonService.LOVData.LanguagePreference:

"LanguagePreference": [
    {
      "LanguageISOCode": "EN",
      "LanguageName": "English",
      "IsDefault": true
    },
    {
      "LanguageISOCode": "FR",
      "LanguageName": "French",
      "IsDefault": false
    }
  ]

我想根据页面加载时模型的属性“IsDefault”设置组合框值。但它不起作用。

生成的 HTML 是:

<select class="form-control ng-pristine ng-valid ng-empty ng-touched" id="numberOfRows" ng-model="prefferedLanguage" ng-change="changePreference(prefferedLanguage)"><option value="? undefined:undefined ?"></option>
    <!-- ngRepeat: language in sirCommonService.LOVData.LanguagePreference --><option my-repeat="language in sirCommonService.LOVData.LanguagePreference" value="EN" ng-selected="true" ng-repeat="language in sirCommonService.LOVData.LanguagePreference" class="ng-binding ng-scope" selected="selected">
        English
    </option><!-- end ngRepeat: language in sirCommonService.LOVData.LanguagePreference --><option my-repeat="language in sirCommonService.LOVData.LanguagePreference" value="FR" ng-selected="false" ng-repeat="language in sirCommonService.LOVData.LanguagePreference" class="ng-binding ng-scope">
        French
    </option><!-- end ngRepeat: language in sirCommonService.LOVData.LanguagePreference -->
</select>

Answer 1

处理选择的最佳方法是使用 select 指令和 ngOptions

https://docs.angularjs.org/api/ng/directive/select https://docs.angularjs.org/api/ng/directive/ngOptions

<select ng-options="item as item.label for item in items track by item.id" ng-model="selected"></select>

我遇到了和你一样的问题。它只是不能很好地与 ngRepeat 和选项一起使用。