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

my document.json文件包含如下数据

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

当我尝试在下拉列表中显示json数据时，最后一个元素

E

仅在下拉列表中显示

<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中的第一个元素。你的JSON不太正确。您需要在每个项目周围使用大括号，如下所示：

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

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

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

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

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

---

您的JSON不太正确。您需要在每个项目周围使用大括号，如下所示：

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

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

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

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

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

---

我认为你的数据不正确。因为每个键的名称相同，所以它会被另一个键覆盖。最后是一个值为E的键。谢谢，刚才我编辑了JSON对象结构，但是名称对于我的需求是通用的。不，我不是说要删除名称字段。但在此之前，一个对象中有4个名称字段。这是不可能的。耶，我编辑了JSON结构，谢谢。我认为帮助你的评论对你的问题来说很重要。你应该给他们投票，这样他们就会出现在文章的开头，对其他观众也会有帮助。ThanxI认为你的数据不正确。因为每个键的名称相同，所以它会被另一个键覆盖。最后是一个值为E的键。谢谢，刚才我编辑了JSON对象结构，但是名称对于我的需求是通用的。不，我不是说要删除名称字段。但在此之前，一个对象中有4个名称字段。这是不可能的。耶，我编辑了JSON结构，谢谢。我认为帮助你的评论对你的问题来说很重要。你应该给他们投票，这样他们就会出现在文章的开头，对其他观众也会有帮助。谢谢你，刚才我得到了我的json对象结构，但是你的回答没有读documet.json文件，这对我来说很重要。你能回答读document.json文件吗。@谢卡，我已经在我的回答中更新了演示，从document.json文件中读取。谢谢@Jerrad，我找到了停止你的演示的地方。谢谢你，刚才我得到了我的json对象结构，但你的回答没有阅读documet.json文件，这对我很重要。你能回答阅读document.json文件吗。@Shekkar，我在回答中更新了演示，从document.json文件中读取。谢谢@Jerrad，我找到了停止演示的地方，你的演示对我有帮助