Angular 出现Argument is not a function, got undefined报错

最新推荐文章于 2023-04-13 16:08:38 发布

原创最新推荐文章于 2023-04-13 16:08:38 发布 · 8.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angular #not a function #报错

js学习笔记专栏收录该内容

5 篇文章

订阅专栏

本文讲述了在使用AngularJS过程中遇到的一个常见问题：控制器未定义导致的错误，并提供了详细的解决步骤及注意事项。

Angluar.js真的满满都是坑！！！！！最近在看的《AngularJs权威教程》，书上很多例子根本跑不了，我以为是我老眼昏花打错代码，去找作者的源代码发现还是运行不了，恩，就是版本问题，我知道这种东西大家都有版本问题可以理解的，可是不至于吧，差这么多

吐槽完毕要说一下今天遇到的问题，我就想简简单单的用个控制器，一直报Argument is not a function, got undefined 这个错误，然后也百度了说是从1.3+以后模块不能放在全局作用域中了，也就是这样的：

function MyController($scope) {
    $scope.name = "shelly";
}

会报这个错误，那么解决问题也简单了，不要放在全局作用域下就可以了

var app = angular.module('myapp',[]);
app.controller('Mycontroller',function ($scope) {
    $scope.name = 'shelly';

});

我觉得我成功了，当然现实是没有的。

最后找了很久，贴出来我的html代码，大家看看

<html ng-app>
<head>
    <script src="js/angular.js"></script>
    <script src="js/controller.js"></script>
</head>
<body>
<div ng-app="myapp">
    <div ng-controller="Mycontroller">

        <h2>alert this name:{{name}}</h2>
    </div>
</div>


</body>

</html>

发现还有一个问题，

<span style="color:#FF0000;"><html ng-app></span>

ng-app必须要指定模型，比如：ng-app = "myapp"不能像这样写了，我这里绑定到div上，这里这个直接删除就可以了。最后的最后，它终于成功了啊

好了，此坑很深，大家且人且珍惜。