Question

我有以下代码使用ng-repeat，我得到3个空白<li/>但不是3个人口中的数据。有人可以帮忙吗？

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl"> 
<ul>
    <li ng-repeat="x in Cities">{{population}}</li>
</ul>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.Cities = [{population:'10,200'},{population:'20,000'},{population:'30,000'}];
});
</script> 
</body> 
</html>

Answer 1

我认为应该是：

<li ng-repeat="x in Cities">{{x.population}}</li>

Answer 2

<html>
  <head>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
  </head>
  <body ng-app="myApp" ng-controller="myCtrl"> 
    <ul>
        <li ng-repeat="x in Cities">{{x.population}}</li>
    </ul>
  <script>

  var app = angular.module("myApp", []);
  app.controller("myCtrl", function($scope) {
     $scope.Cities = [{population:'10,200'},{population:'20,000'},{population:'30,000'}];
  });
  </script> 
</body> 
</html>

你刚忘了（x.population），否则没关系。

Angular JS - Ng-Repeat提供li而不是内部数据

2 个答案: