Question

我的document.json文件包含

等数据

[
    {"name" :"B"},
    {"name" :"A"},
    {"name" :"D"},
    {"name" :"E"}
]

当我尝试在下拉列表中显示json数据时，最后一个元素E仅显示在下拉.my html文件中

<select ng-model="selectedTestAccount" ng-options="c as c.name for c in testAccounts"></select>

和我的脚本文件一样

sampleApp.controller('DemoCtrl', function ($scope, $http) {
  $scope.selectedTestAccount = null;
  $scope.testAccounts = [];

  $http.get('document.json').success(function (data) {
    $scope.testAccounts = data;
  });
});

如何在下拉列表中显示此document.json数据，默认选择为AngularJS中的第一个元素。任何指导方针

Answer 1

你的JSON不是很正确。你需要在每个项目周围加上大括号，如下所示：

[ 
  { "name" :"B" }, 
  { "name" :"A" }, 
  { "name" :"D" }, 
  { "name" :"E" } 
]

默认情况下，您可以选择下拉列表中的第一项，如下所示：

$scope.selectedTestAccount = $scope.testAccounts[0];

Demo

在AngularJS中的下拉列表中显示JSON数据

1 个答案: