Javascript 错误：[ng:areq]参数'；SimpleControl'；不是函数，未定义_Javascript_Angularjs

Javascript 错误：[ng:areq]参数'；SimpleControl'；不是函数，未定义

javascript angularjs

Javascript 错误：[ng:areq]参数'；SimpleControl'；不是函数，未定义,javascript,angularjs,Javascript,Angularjs,我在这里做错了什么，我是新来的角度，它显示了上面的错误，这是我的代码 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.js"></script> <script> function simpleController($scope){ $scop

我在这里做错了什么，我是新来的角度，它显示了上面的错误，这是我的代码

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.js"></script>
        <script>
            function simpleController($scope){
                $scope.customers=[
                    {name:'Alphy Poxy',city:'Mbita'},
                    {name:'Kibaki Watson',city:'Kikuyu'},
                    {name:'John Legend',city:'Lake'}, 
                    {name:'Sony',city:'HB'}
                ];
            }
        </script>

    </head>
    <body>
        <div class="container-fluid" ng-controller="simpleController">
            Name: <input type="text" ng-model="name"/>
            <ul>
                <li ng-repeat="coders in customers | filter:name | orderBy:'name'">{{coders.name}}-{{coders.city}}</li>
            </ul>
        </div>
    </body>


函数simpleController（$scope）{
$scope.customers=[
{名称：'Alphy Poxy'，城市：'Mbita'}，
{姓名：'Kibaki Watson'，城市：'Kikuyu'}，
{名字：'John Legend'，城市：'Lake'}，
{名称：'Sony'，城市：'HB'}
];
}
姓名：

{{coders.name}-{{coders.city}

您没有正确创建控制器。请参阅下面的代码片段


var myApp=angular.module（'myApp'，[]）；
myApp.controller（'simpleController'，['$scope'，函数（$scope）{
$scope.customers=[
{名称：'Alphy Poxy'，城市：'Mbita'}，
{姓名：'Kibaki Watson'，城市：'Kikuyu'}，
{名字：'John Legend'，城市：'Lake'}，
{名称：'Sony'，城市：'HB'}
];    
}]);

姓名：

{{coders.name}-{{coders.city}

或者至少您需要在父html标记中发布ng app指令，请参见下面的演示

函数simpleController（$scope）{
$scope.customers=[{
名称：'Alphy Poxy'，
城市：“Mbita”
}, {
名称：“齐贝吉·沃森”，
城市：“基库尤”
}, {
姓名：'约翰传奇'，
城市：“湖”
}, {
名称:"索尼",，
城市：“HB”
}];
}

姓名：

{{coders.name}-{{coders.city}

最好的办法是真正按照@Christos说的去做
或者你可以加上：
 1. add np-app along with a module name  ( ng-app="app" )
 2. add controller assigning it in.  (  app.controller('SimpleController', SimpleController);


函数simpleController（$scope）{
$scope.customers=[
{名称：'Alphy Poxy'，城市：'Mbita'}，
{姓名：'Kibaki Watson'，城市：'Kikuyu'}，
{名字：'John Legend'，城市：'Lake'}，
{名称：'Sony'，城市：'HB'}
];
}
应用控制器（“SimpleController”，SimpleController）；
姓名：

{{coders.name}-{{coders.city}

如果您在60分钟教程中使用Angular JS，说明将停止使用较新版本的Angular，因为它不允许您在全局范围内使用控制器-请参阅本文：
    <script>
        function simpleController($scope){
            $scope.customers=[
                {name:'Alphy Poxy',city:'Mbita'},
                {name:'Kibaki Watson',city:'Kikuyu'},
                {name:'John Legend',city:'Lake'}, 
                {name:'Sony',city:'HB'}
            ];
        }
        app.controller('SimpleController', SimpleController);
    </script>

</head>
<body>
    <div class="container-fluid" ng-controller="simpleController" ng-app="app">
        Name: <input type="text" ng-model="name"/>
        <ul>
            <li ng-repeat="coders in customers | filter:name | orderBy:'name'">{{coders.name}}-{{coders.city}}</li>
        </ul>
    </div>
</body>