AngularJS ng-repeat示例不起作用

AngularJS ng-repeat example not working

本文关键字：不起作用 ng-repeat AngularJS      更新时间：2023-09-26

我目前正在尝试从AngularJS书中尝试一个例子，但它不起作用。我在巴塔朗得到一个错误说：

ype错误：无法读取未定义的属性"#"

这是 HTML：

<body ng-app>
<h1>Countries</h1>
<ul ng-controller="WorldCtrl">
    <li ng-repeat="country in countries">
        {{country.name}} has population of {{country.population}}
    </li>
    <hr>
World's population: {{population}} millions
</ul>
</body>

和我的js

var WorldCtrl = function ($scope) {
$scope.population = 7000;
$scope.countries [
    {name: 'France', population: 63.1},
    {name: 'United Kingdom', population: 61.8}
];
};

任何想法为什么这不起作用？谢谢

你的代码中有拼写错误。您在$scope.countries后错过了=

用

$scope.countries = [
    {name: 'France', population: 63.1},
    {name: 'United Kingdom', population: 61.8}
];

工作演示

你忘记了= $scope.countries = [ {name: 'France', population: 63.1}, {name: 'United Kingdom', population: 61.8} ];

看这里：

http://jsfiddle.net/konan/xaAxs/

function ctrl($scope) {
    $scope.population = 7000;
    $scope.countries = [
        {name: 'France', population: 63.1},
        {name: 'United Kingdom', population: 61.8}
    ];
};
相关文章：