的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>-->
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'}
];
});
我一直收到错误消息“Argument'middleController'不是函数,未定义。” ......不太确定我做错了什么。有什么建议吗?
答案 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"
。