Javascript 参数';meetupsController';不是函数,出现未定义错误
Iam是Angular和express框架的新手。Iam正在开发一个简单的服务器,它响应给定的路由并显示在控制器中声明的变量值。但是出现了一个错误,例如控制器未定义。为了方便起见,控制器存储在client/js/controllers文件夹中 整个项目的代码在这里 index.htmlJavascript 参数';meetupsController';不是函数,出现未定义错误,javascript,angularjs,Javascript,Angularjs,Iam是Angular和express框架的新手。Iam正在开发一个简单的服务器,它响应给定的路由并显示在控制器中声明的变量值。但是出现了一个错误,例如控制器未定义。为了方便起见,控制器存储在client/js/controllers文件夹中 整个项目的代码在这里 index.html <!DOCTYPE html> <html ng-app=""> <head> <meta charset="UTF-8"> <meta ht
<!DOCTYPE html>
<html ng-app="">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Document</title>
<meta name="description" content="">
<meta name ="viewport" content ="width=device-width ,initial-scale =0">
</head>
<body>
<!-- Meetups View -->
<div ng-controller="meetupsController">
<h1>There are {{meetupsCount}} 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>
<!-- <a href="">Hello World</a> -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="/js/controllers/meetups-controller.js"></script>
</body>
</html>
main.js
// console.log("Hello from node");
//Express server
var express = require('express');
app = express();
app.get('/' , function(req ,res) {
res.sendFile(__dirname + '/client/views/index.html');
});
app.use('/js',express.static(__dirname +'/client/js'));
app.listen(3000 ,function () {
console.log('Im Listening .... ');
});
错误日志在这里
angular.js:12520 Error: [ng:areq] http://errors.angularjs.org/1.4.8/ng/areq?p0=meetupsController&p1=not%20a%20function%2C%20got%20undefined
at Error (native)
at http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:6:416
at qb (http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:22:131)
at Qa (http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:22:218)
at http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:80:210
at w (http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:60:177)
at D (http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:61:30)
at g (http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:55:105)
at g (http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:55:122)
at g (http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js:55:122)
您尚未定义Angular应用程序(
ng app=”“
),也未在Angular应用程序中注册控制器
meetups-controller.js(在文件底部添加):
index.html(更改):
您尚未定义Angular应用程序(
ng app=”“
),也未在Angular应用程序中注册控制器
meetups-controller.js(在文件底部添加):
index.html(更改):
这适用于旧版本的angular,而不是新版本 将您的角度版本更改为
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js" > </script>
html格式的
<html ng-app="app">
这适用于旧版本的angular,而不是新版本 将您的角度版本更改为
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js" > </script>
html格式的
<html ng-app="app">
var app=angular.module(“meetupsApp”,[])等应用程序主模块定义在哪里?不要在开发中使用angular.min.js
;只有在生产中。在开发中使用angular.js
。你的应用程序主模块定义在哪里,比如var-app=angular.module(“meetupsApp”,[])
?不要在开发中使用angular.min.js
;只有在生产中。在开发中使用angular.js
。使用getter/setter更好:angular.module('app',[])
和angular.module('app').controller('meetupsController',meetupsController))
使用getter/setter更好:angular.module('app',[])
和angular.module('app').controller('meetupscocontroller',meetupscocontroller)代码>
var app = angular.module('app', []);
app.controller('meetupsController', meetupsController);
function meetupsController ($scope) {
$scope.meetupsCount = 10;
}
<html ng-app="app">