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-重複示例不工作

回答

相關問題