javascript - AngularJS ng-repeat 示例不起作用

标签 javascript angularjs ng-repeat

我目前正在尝试 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}
];
};

知道为什么这不起作用吗? 谢谢

最佳答案

您的代码中有错字。您在 $scope.countries

之后错过了 =

使用

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

<知识库> Working Demo

关于javascript - AngularJS ng-repeat 示例不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19688798/

相关文章:

angularjs - ngrepeat 别名为和 Controller 为

angularjs - 以相反的顺序列出项目时反转 $index

javascript - 在 forEach 中连续进行 AJAX 调用 - 为什么我看不到结果?

javascript - Node 应用程序未在远程服务器上运行,而是在 PC 上运行

javascript - 如何在 angularjs 中获取当前 Controller $scope 内部指令函数?

javascript - 我怎样才能不包含 ngIf 附加到 AngularJS 的元素?

javascript - 如何划分通过 ng-repeat 创建的列表的单独部分?

javascript - 页面重新加载时更改文本

javascript - KnockoutJS - 单击按钮后数据绑定(bind)不会更改文本

angularjs - 模块 'angular' 没有导出成员 'material'