我在基本的MEAN应用中收到注射器:modulerr错误...
这是我的home.html:
<!DOCTYPE html>
<html ng-app="jobs">
<head>
<title>GA Jobs</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
<link rel='stylesheet' href='/stylesheets/style.css' />
<script src="/javascripts/main.js"></script>
</head>
<body>
<div class="time-slot" ng-controller="JobsController">
<form class="form-inline" role="form" action="/upload" method="/post">
<select>
<option value="hit_list">Hit List</option>
<option value="contact">Contact</option>
<option value="engagement">Engagement</option>
<option value="hired">Hired</option>
</select>
<input type="text" ng-model="company" class="form-control" name="company" id="company" placeholder="Company">
<input type="text" ng-model="contact" class="form-control" name="contact" id="contact" placeholder="Contact">
<button type="button" class="btn btn-default">Add</button>
</form>
<h1>this is home.html</h1>
<h1>{{company}}</h1>
<h1>{{contact}}</h1>
</div>
</body>
</html>
这是我的main.js:
var app = angular.module('jobs',['ngRoute'])
app.config(function($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'home.html',
controller: 'JobsController'
})
})
app.controller('JobsController',
function($scope, $stateParams, posts){
});
这是否与服务器路由器以及视图中的ejs文件有关?我对客户端角度路由器与节点服务器端路由器的工作方式感到困惑。请帮忙。
最佳答案
该应用程序无法加载ngRoute
模块。 ngRoute
已移至其自己的模块,不再是核心的一部分。
您需要包括angular-route
模块才能使用ngRoute
。您应该替换此行:
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script>
有了这个:
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-route.min.js"></script>