JavaScript - ui-select and objects

JavaScript - ui-select and objects

本文关键字:objects and ui-select JavaScript      更新时间:2023-09-26

我有一个简单的对象列表,我正在尝试将其整数化为AngularJS的ui-select。

这是我尝试使用<ui-select>的对象:

[
  {
    "getGroupsRes": {
      "groups": [
        {
          "groupID": "1",
          "applicationID": "1",
          "groupDesc": "Members",
          "groupDesc2": "MEMBERS_US_1"
        },
        {
          "groupID": "2",
          "applicationID": "1",
          "groupDesc": "Administrators",
          "groupDesc2": "ADMINS_US_100"
        },
        {
          "groupID": "3",
          "applicationID": "1",
          "groupDesc": "Moderators",
          "groupDesc2": "MODS_US_50"
        },
        {
          "groupID": "4",
          "applicationID": "1",
          "groupDesc": "Distinguished Members",
          "groupDesc2": "DMEMBS_US_50"
        },
        {
          "groupID": "5",
          "applicationID": "1",
          "groupDesc": "Elected Members",
          "groupDesc2": "EMEMS_US_75"
        },
        {
          "groupID": "6",
          "applicationID": "1",
          "groupDesc": "Staffed Officials",
          "groupDesc2": "SOFF_US_25"
        },
        {
          "groupID": "7",
          "applicationID": "1",
          "groupDesc": "Janitors",
          "groupDesc2": "JANS_US_50"
        }
      ]
    }
  }
]

这是 plunker 的现场演示:http://plnkr.co/edit/ANJcORDfoKYQ3k5X1pzs?p=preview

我认为问题归结为我无法正确引用我的对象。不过,我在控制台日志中没有看到任何错误。我做错了什么?

您的 $scope.groups 变量不是组数组。它是一个数组,其中包含一个包含字段"getGroupsRes"的元素,该元素包含字段"groups"。因此,在稍微清理数据结构之前,您可以使用以下内容访问它:

repeat="group in groups[0].getGroupsRes.groups"