Question

我是Angularjs New bee。这是我的第一个Angularjs应用程序，我只是尝试与Nodejs服务调用进行交互并打印响应。但我在Chrome和Firefox中收到了不同的错误。

在Chrome中我得到了未被捕获的错误，在Firefox中我得到了错误：[$ injector：modulerr]

这是我的编码： index.html：

<!doctype html>
<html data-ng-app="myapp">

<head>
    <title>Monitoring</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js">
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular-route.js">
    </script>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular-resource.js">
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular-route.js">
    </script>
    <script type="text/javascript" src="controller/controller.js"></script>
</head>

<body>
    <div ng-controller="CommonMetricsCtrl">
        {{data}}
    </div>
</body>

</html>

controller.js

var App = angular.module('myapp', ['ngRoute', 'ngResource']);
App.controller('CommonMetricsCtrl', ['$scope', '$resource',
    function($scope, $resource) {

        function createResource(url) {
            return $resource(url + '?alt=:alt&method=:callback', {
                alt: 'json',
                callback: 'JSON_CALLBACK'
            }, {
                get: {
                    method: 'JSONP',
                    headers: [{
                        'Content-Type': 'application/json'
                    }, {
                        'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8'
                    }]
                },
                isArray: false
            });
        }

        URL = "http://localhost:1111/servicelist";

        var resource = createResource(URL);

        resource.get({}, function processResponse(response) {

            console.log(response);
            $scope.data = response;
            if (response.error) {
                console.log('Error here');
            }

        });

    }
]);

我不知道我哪里出错了，请问任何人可以解决这个问题吗？

Answer 1

您要添加两次角度路径模块。

Angularjs REST API交互失败

1 个答案: