无法在angularjs中加载下拉列表的ng-model

Posted 2023-03-13

【中文标题】无法在angularjs中加载下拉列表的ng-model

【英文标题】：Failed to load ng-model of dropdown list in angularjs

【发布时间】：2014-04-17 20:55:05

【问题描述】：

我有 items 作为我的 json 对象，其中包含一些我想在下拉列表中显示的数据。 但它仍然将我的下拉列表显示为空白。 我在这里使用 ng-repeat。 I have listed my code here. html：

<div ng-controller="Ctrl">   
    <div ng-repeat="item in items">
        <select ng-model="item.shareToOption" ng-options="c.value for c in shareToOptions"></select>
    </div> 
<div>

JS：

var app = angular.module('app', []);

function Ctrl($scope) 
        $scope.items = [
            
            "shareToOption" : id:1,value:"AA1"
            ,
            
            "shareToOption" : id:2,value:"AA2",
            ,
            
            "shareToOption" : id:3,value:"AA3",
            ,
            
            "shareToOption" : id:4,value:"AA4"
            
        ];

        $scope.shareToOptions = [
            id:1,value:"AA1",
            id:2,value:"AA2",
            id:3,value:"AA3",
            id:4,value:"AA4",
            id:4,value:"AA5",
            id:4,value:"AA6",
            id:4,value:"AA7"
        ];

【问题讨论】：

请在问题中包含代码的相关部分。

@KGChristensen 我已经更新了我的问题。

下拉菜单不是空白的。请检查

【参考方案1】：

您应该为ng-options 使用新的track by 表达式。像这样的：

<div ng-controller="Ctrl">   
    <div ng-repeat="item in items">
        <select 
          ng-model="item.shareToOption" 
          ng-options="c.value for c in shareToOptions track by c.id"
        ></select>
    </div> 
<div>

确保您使用的是 Angular 1.2。