gpt4 book ai didi

javascript - Angular Controller 错误

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

我是 angular.js 新手。我在执行简单的 Controller 示例时收到以下错误。

错误:[ng:areq] http://errors.angularjs.org/1.4.7/ng/areq?p0=Mycontroller&p1=not%20a%20function%2C%20got%20undefined 错误( native )

index.html:

<!DOCTYPE html>
<html ng-app>

<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>

<script src="script.js"></script>
</head>

<body ng-controller="Mycontroller">
<h1>{{message}}</h1>
</body>

</html>

脚本.js

var Mycontroller = function($scope){
$scope.message = "Hello Angular";
};

输出:

{{message}}

我哪里出错了?

最佳答案

您应该创建一个模块,然后将 Controller 附加到它。这就是 Angular 方式。您的代码应该如下所示。

<html ng-app="my-app">

<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>

<script src="script.js"></script>
</head>

<body ng-controller="Mycontroller">
<h1>{{message}}</h1>
</body>

</html>

在你的 JavaScript 文件中,你应该有这个

angular.module('my-app', [])
.controller('Mycontroller', function($scope) {
$scope.message = "Hello Angular";
});

骗子:http://plnkr.co/edit/tYIQOlNALzco9zobAIO0?p=preview

关于javascript - Angular Controller 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33045126/

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