gpt4 book ai didi

javascript - 最简单的 AngularJS 代码不起作用

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:59:06 26 4
gpt4 key购买 nike

在我的网站上,我正在开发一个简单的 AngularJS 功能——从模块 Controller 触发警报。这是我的代码:

app1.js:

(function() {
var app1 = angular.module('myApp', []);

app1.controller('MyController', function() {
alert('Hey');
});
});

索引.html:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myApp">
<head>
<title>Angular</title>

<script src="Scripts/angular.min.js"></script>
<script src="Scripts/app1.js"></script>
</head>
<body ng-controller="MyController">
{{5 + 3}}
</body>
</html>

我浏览器的结果应该是:

8

用消息“嘿”触发警报,对吧?而我在浏览器中得到的只是这个:

{{5 + 3}}

有什么解决办法吗?

最佳答案

您的应用程序和 Controller 初始化代码从未被调用,您需要这样做:

(function() {
var app1 = angular.module('myApp', []);

app1.controller('MyController', function() {
alert('Hey');
});
})(); // <=== Change is here

解释:

(function() { /*code*/});

将创建一个匿名函数,但不会调用该函数。要调用它,您需要在 ; 之前的末尾添加 ():

(function() { /*code*/})();
// Here ----------------^

更多:http://en.wikipedia.org/wiki/Immediately-invoked_function_expression

关于javascript - 最简单的 AngularJS 代码不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27527706/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com