Question

<div ng-app="app" ng-controller="ContactController" >

</div>

上面是我的html文件，这是控制器文件。

var app = angular.module('app', []);
    app.controller('ContactController', function ($scope, ContactService,$window) {

    });

这是我看的html部分。如果有任何错误，请告诉我

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/controller/contactController.js"></script>
    <script type="text/javascript" src="/service/contactService.js"></script>
    <link rel="stylesheet" type="text/css" href="https://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
    <script type="text/javascript">
        //var module = angular.module('app', [ContactService]);


    </script>
</head>

我收到错误，因为Argument'ContactController'不是一个函数，未定义。请帮助解决问题。

Answer 1

也许你忘记了第一行的()。

Answer 2

尝试导入js文件的更改顺序。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js" 
   </script> 
<script type="text/javascript" src="/service/contact.service.js">   </script>type="text/javascript"></script>
<script type="text/javascript" src="/controller/contact.controller.js">

Answer 3

更改您的代码，从[]

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

var app = angular.module('app');
app.controller('ContactController', function ($scope, ContactService,$window) {

});

角度错误'ContactController'不是函数，未定义

3 个答案: