论证' middleController'不是一个功能,未定义。在过去的问题中找不到任何东西

时间:2015-04-21 18:55:59

标签: angularjs

  1. 的index.html

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    

    <header>
        <h1>DOE</h1>
    </header>
    <div id="selectSchoolText">
        Please select your school.
    </div>
    
    <div ng-controller="middleController">
        <select class="selectpicker" ng-repeat="school in middleSchools">
            <option>{{ school.name }}</option>
        </select>
    </div>
    
    
    
    
    <script src="lib/jquery/jquery-1.11.2.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-route.js"></script>
    <script src="lib/angular/dashboardApp/modulesApp.js"></script>
    <!--<script src="lib/angular/dashboardApp/elementaryController.js"></script>
    <script src="lib/angular/dashboardApp/middleController.js"></script>
    <!--<script src="lib/angular/dashboardApp/highController.js"></script>
    <script src="lib/angular/dashboardApp/otherController.js"></script>-->
    

  2. moduleApp.js

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

    app.controller('middleCtrl', function($scope) {
       $scope.middleSchools = [
            {name: 'Kaimuki Middle'},
            {name: 'Kamakahelei Middle'},
            {name: 'Kapolei Middle'},
            {name: 'Kea\'au Middle'},
            {name: 'Kealakehe Intermediate'},
            {name: 'Moloka\'i Middle'},
            {name: 'Nanakuli High & Intermediate'},
            {name: 'Niu Valley Middle'},
            {name: 'Washington Middle'}
            ];
    });  
    
  3. 我一直收到错误消息“Argument'middleController'不是函数,未定义。” ......不太确定我做错了什么。有什么建议吗?

3 个答案:

答案 0 :(得分:1)

<div ng-controller="middleController">

你称它为middleCtrl

app.controller('middleCtrl', function($scope) {

答案 1 :(得分:0)

您的控制器名称不正确“middleCtrl”,因为您已使用middleController

将其更改为

app.controller('middleController', function($scope) {
...
});

答案 2 :(得分:0)

有两个问题:

首先,您在视图<div ng-controller="middleController">中使用了错误的控制器名称,而不是<div ng-controller="middleCtrl">。第二,你必须在你的html或body标签或HTML代码的某个地方定义ng-app="selectApp"