AngularJS ng-重复示例不工作

我目前正在尝试从AngularJS书中的例子，但它不工作。我得到Batarang一个错误说：AngularJS ng-重复示例不工作

ypeError：无法读取属性未定义

这里 '＃' 是的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} 
]; 
};

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

来源

2013-10-30 Dave Reeder

你忘了'=''$ scope.countries = [ {名称： '法国'，人口：63.1}，{ 名称： '英国'，人口：61.8} ]' –

您的代码中有错字。你已经经过$scope.countries

使用

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

Working Demo

来源

2013-10-30 16:43:55 Satpal

你是对的，谢谢！ –

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

来源

2013-10-30 16:44:02

看这里：

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

function ctrl($scope) { 

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

来源

2013-10-30 16:53:24 KoNaN

AngularJS ng-重复示例不工作

回答

相关问题