Javascript 角度脚本中的控制器错误-[$injector:modulerr]
我不确定控制器的语法。我一直收到一个[$injector:modulerr]错误,这让我相信是控制器出了问题,但我还是迷路了。目前我的主要目标是尝试“获取”并显示couchdb数据库中的所有结果Javascript 角度脚本中的控制器错误-[$injector:modulerr],javascript,jquery,angularjs,controller,couchdb,Javascript,Jquery,Angularjs,Controller,Couchdb,我不确定控制器的语法。我一直收到一个[$injector:modulerr]错误,这让我相信是控制器出了问题,但我还是迷路了。目前我的主要目标是尝试“获取”并显示couchdb数据库中的所有结果 <div ng-app="guestBook"> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> <script src="htt
<div ng-app="guestBook">
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js">
</script>
<script>
var guestBook = angular.module('guestBook', ['ngRoute'])
guestBook.controller('CouchController', ['$scope', '$http', '$get', function ($scope, $http, $get) {
// View everything in database
$scope.view = function () {
var json = {};
var url = "https://sophia.iriscouch.com/guestbook/_all_docs";
$get({
url: url,
method: 'GET',
data: json,
dataType: "jsonp",
}).success(function (json, status, headers, config) {
console.log(json);
})
};
// Creating a new instance on couchDB
$scope.submit = function () {
var entry = {
"Name": $scope.name,
"Comment": $scope.comment
};
console.log(entry);
var timestamp = Math.round(new Date().getTime() / 1000);
var url = 'https://sophia.iriscouch.com/guestbook/' + timestamp;
console.log(url);
$http({
url: url,
method: 'PUT',
data: entry,
dataType: "json",
withCredentials: true,
headers: {
'Authorization': auth_hash("sophia", "Einstein1")
}
}).success(function (data, status, headers, config) {
console.log(data);
}).error(function (data, status, headers, config) {
console.log(headers);
console.log(config);
});
}
function auth_hash(username, password) {
var str = window.btoa(username + ":" + password);
return 'Basic' + str;
}
}]);
</script>
<form ng-controller="CouchController">
<p>
<input type="text" ng-model="comment">
</p>
<p>
<input type="text" ng-model="name">
</p>
<p>
<button ng-click="submit()">Add</button>
</p>
<p>
<button ng-click="view()">show</button>
</p>
</form>
var guestBook=angular.module('guestBook',['ngRoute']))
guestBook.controller('CouchController',['$scope','$http','$get',函数($scope,$http,$get){
//查看数据库中的所有内容
$scope.view=函数(){
var json={};
变量url=”https://sophia.iriscouch.com/guestbook/_all_docs";
$get({
url:url,
方法:“GET”,
数据:json,
数据类型:“jsonp”,
}).success(函数(json、状态、标题、配置){
log(json);
})
};
//在couchDB上创建新实例
$scope.submit=函数(){
变量项={
“名称”:$scope.Name,
“注释”:$scope.Comment
};
控制台日志(条目);
var timestamp=Math.round(new Date().getTime()/1000);
var url='1〕https://sophia.iriscouch.com/guestbook/'+时间戳;
console.log(url);
$http({
url:url,
方法:'放',
数据:输入,
数据类型:“json”,
事实上,
标题:{
“授权”:auth_hash(“sophia”、“Einstein1”)
}
}).success(函数(数据、状态、标题、配置){
控制台日志(数据);
}).error(函数(数据、状态、标题、配置){
console.log(头文件);
console.log(config);
});
}
函数auth_散列(用户名、密码){
var str=window.btoa(用户名+“:”+密码);
返回'Basic'+str;
}
}]);
添加
显示
您可以指定从属的
ngRoute
模块,如
angular.module('guestBook', ['ngRoute'])
但是您没有添加angular route.js
脚本文件。添加该文件将解决此问题
这是模块的CDN
添加后,代码应该如下所示:
<div ng-app="guestBook">
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.6/angular-route.js"></script>
....
....