下拉菜单未使用角度 js 中的选定值被选中答案

【问题标题】：drop-down not getting selected with the selected value in angular js下拉菜单未使用角度 js 中的选定值被选中
【发布时间】：2016-03-30 10:44:36
【问题描述】：

我在 Angular js 中使用 ng-repeat 中的下拉菜单，

我的 HTML 代码是

<select class="form-control"  ng-model="l.Language" ng-change="languageChange($index, l.Language)" ng-options="L.ID as L.LanguageDDL for L in LanguageDDLList track by L.ID" required></select>

我的控制器是

 function getLanguagesFromLookup() {
    LanguagesService.getLanguagesfromLookup($scope.userId).success(function (data) {
        var languagesListfromLookup = data.customtableitem[0]["Lookup"];
        $scope.LanguageDDLList = [];
        for (var i = 0; i < languagesListfromLookup.length; i++) {
            var item = {
                ID: languagesListfromLookup[i].ItemID,
                LanguageDDL: languagesListfromLookup[i].Skill
            }
            $scope.LanguageDDLList.push(item);
        }
    }).error(function (data) {
        $log.info("Error occured while getting Languages Dropdown.")
    });
}

并获取默认值

$scope.Language =  $scope.LanguageDDLList[0].ID

我在这里面临的问题是我得到了模型中的值，即 1，但在下拉列表中没有选择值为 1 的选项。

谁能提出问题Attached reference Image Please click to see image

【问题讨论】：

标签： html angularjs

【解决方案1】：

您将 ngModel 设置为 l.Language，但设置了 $scope.Language。这就是您的下拉菜单未被选中的原因。

<select class="form-control"  ng-model="l.Language" ng-change="languageChange($index, l.Language)" ng-options="L.ID as L.LanguageDDL for L in LanguageDDLList track by L.ID" required></select>

示例 plunk here

更新：扩展的 plunk 带有包装 ng-repeat 并按 L.ID 删除了音轨，因为我们已经在选择 ID。

【讨论】：

那个 l 指向 ng-repeate 即 ng-repeate="l in languages"
我更新了答案并发表了意见。这对你有用吗？

【解决方案2】：

试试这个

     $scope.Language =  parseInt($scope.LanguageDDLList[0].ID+"");

【讨论】：

虽然此答案可能是正确且有用的，但如果您 include some explanation along with it 解释它如何帮助解决问题，则最好。如果有变化（可能不相关）导致它停止工作并且用户需要了解它曾经是如何工作的，这在未来变得特别有用。谢谢！
我将其转换为整数，因为 select 的选项值是整数