Question

我不确定控制器语法。我不断得到一个[$ injector：modulerr]错误，这让我相信它是控制器正在播放，但我却失败了。我目前的主要目标是，我正在尝试＆＃34;得到＆＃34;并显示couchdb数据库的所有结果。

<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>

Answer 1

指定依赖ngRoute模块，如

 angular.module('guestBook', ['ngRoute'])

但您没有添加angular-route.js脚本文件。添加该文件将解决此问题。

这是ngRoute模块的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>
....

Angular脚本中的控制器错误 - [$ injector：modulerr]

1 个答案: