3

現在、AngularJS の本の例を試していますが、うまくいきません。Batarang で次のようなエラーが表示されます。

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}
];
};

これが機能しない理由はありますか？ありがとう

4

3 に答える 3

12

コードにタイプミスがあります。あなたは逃し=た$scope.countries

使用する

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

Working Demo

于 2013-10-30T16:43:55.493 に答える
2

ここを見て：

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-30T16:53:24.313 に答える
2

あなたは忘れ=た$scope.countries = [ {name: 'France', population: 63.1}, {name: 'United Kingdom', population: 61.8} ];

于 2013-10-30T16:44:02.543 に答える