我是 Angular JS 新手，正在创建一个简单的应用程序。但是，当我尝试运行它时，绑定(bind)不起作用。我还收到控制台错误，显示错误:[ng:areq] 参数“meetupsController”不是函数，未定义。这是我的代码:
var app = angular.module('meetupApp', ['ngResource']);
这是在我的 meetups-controller.js 中:
app.controller('meetupsController', ['$scope', '$resource', function($scope, $resource){
var Meetup = $resource('/api/meetups');
$scope.meetups = [
{ name: "MEAN SF Developers" },
{name: "Some other meetups" }
]
$scope.createMeetup = function(){
var meetup = new Meetup();
meetup.name = $scope.meetupName;
meetup.$save();
}
}]);
这是我的index.html:
<!DOCTYPE html>
<html ng-app="meetupApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-Meetups View->
<div ng-controller="meetupsController">
<h1>There are {{meetups.length}} meetups</h1>
<ul>
<li ng-repeat="meetup in meetups">
{{meetup.name}}
</li>
</ul>
<form ng-submit="createMeetup()">
<input type="text" placeholder="Meetup name" ng-model="meetupName"></input>
<button type="submit">Add</button>
</form>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-resource.js"></script>
<script type="text/javascript" src="/js/app.js"></script>
<script type="text/javascript" src"/js/controllers/meetups-controller"></script>
</body>
预先非常感谢您的帮助!
最佳答案
您的 Controller 未正确加载，因为脚本中缺少 .js。
转换此内容
<script type="text/javascript" src"/js/controllers/meetups-controller"></script>
到此
<script type="text/javascript" src"/js/controllers/meetups-controller.js"></script>
关于javascript - 错误 : [ng:areq] Argument 'meetupsController' is not a function, 未定义，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33968181/