gpt4 book ai didi

javascript - angularjs 模块不工作

转载 作者:行者123 更新时间:2023-11-28 15:25:15 25 4
gpt4 key购买 nike

我正在学习 AngularJS。我试图列出 Controller 中的变量。我在脚本中有这个。

var demoController = angular.module('sampleController',[]);

demoController.controller('sampleController', function ($scope){
$scope.customers=[
{name:'John Smith', country:'Denmark', worth:'5000000'},
{name:'John Lewis',country:'England',worth:'10000000'},
{name:'Rick Evans',country:'America',worth:'6000000'}
];
});

我在 HTML 中有这个。

<html ng-app="demoController">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>

<body>
<h1>Applying filters</h1>
<div ng-controller="sampleController">
<ul>
<li ng-repeat="cust in customers">{{ cust.name }} - {{ cust.country }} - {{ cust.worth | currency:"$":2 }}</li>
</ul>
</div>
</body>
</html>

它没有列出变量。这个脚本有什么问题。谢谢!!

最佳答案

您需要以正确的方式定义您的模块

var app = angular.module('app',[]);

然后,在 HTML 文件中使用它

<html ng-app="app">

查看它正在运行jsbin

Note that, the angular module's name is the one defined within the quotes

angular.module('app',[]);

So, if you wrote var xModule = angular.module('app2',[]); your module name is app2 not xModule

关于javascript - angularjs 模块不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29265701/

25 4 0
文章推荐: javascript - Web开发刷新后显示/隐藏
文章推荐: css - 覆盖 SASS 类
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com