AngularJS-错误：[ng:areq]参数'；CustomerController'；不是函数，未定义_Angularjs_Angularjs Controller

AngularJS-错误：[ng:areq]参数'；CustomerController'；不是函数，未定义

angularjs

AngularJS-错误：[ng:areq]参数'；CustomerController'；不是函数，未定义,angularjs,angularjs-controller,Angularjs,Angularjs Controller,以下是my view index.html： <!DOCTYPE html> <html ng-app> <head> <title>Iterating Over Data</title> <link href="styles.css" rel="stylesheet" type="text/css" /> </head> <body ng-controller="CustomersCont

以下是my view index.html：

<!DOCTYPE html>
<html ng-app>
<head>
    <title>Iterating Over Data</title>
    <link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body ng-controller="CustomersController">
    <h2>Customers</h2>
    Filter: <input type="text" ng-model="customerFilter.name">
    <br><br>
    <table>
        <tr>
            <th ng-click="doSort('name')">Name</th>
            <th ng-click="doSort('city')">City</th>
            <th ng-click="doSort('orderTotal')">Order</th>
            <th ng-click="doSort('joined')" >Joined</th>
        </tr>
        <tr ng-repeat="cust in customers | filter:customerFilter | orderBy:sortBy:reverse">
            <td>{{ cust.name | uppercase }}</td>
            <td>{{ cust.city | lowercase }}</td>
            <td>{{ cust.orderTotal | currency }}</td>
            <td>{{ cust.joined | date }}</td>
        </tr>
    </table>
    <br>
    <span>Total customers: {{ customers.length }}</span>
    <script src="angular.js"></script>
    <script src"app/controllers/customersController.js"></script>
</body>
</html>

当我在浏览器中打开index.html文件时，我会继续

Error: [ng:areq] Argument 'CustomersController' is not a function, got undefined

我的所有文件都放在正确的位置，我甚至尝试将其添加为纯脚本标记，但仍然得到相同的错误，不确定我在这里做错了什么。

您可能没有在全局命名空间中定义控制器，或者没有足够早地定义控制器

查看

window.CustomersController

，查看是否在全局命名空间中定义控制器<代码>窗口。CustomerController应该是您的控制器功能。如果未在全局命名空间中定义控制器，请尝试添加：

window.CustomersController = CustomersController;

如果没有足够早地定义控制器，请确保没有在加载事件、DOM就绪事件等之后定义控制器。请注意，这仅在选择“无换行”或“无换行”时有效。如果选择“onload”或“onDOMready”，则不起作用

，您可以将您的应用命名为：

<html ng-app="foo">
</html>

angular.module("foo", [])
.controller("CustomersController", function CustomersController() {});


角度模块（“foo”，[]）
.controller（“CustomersController”，函数CustomersController（）{}）；

试试这个

<html ng-app="App">

可能重复的

<html ng-app="App">

myApp = angular.module('App',[]);
myApp.controller('CustomersController',['$scope',function($scope) {
//Your code here

}]);