Node.js Angularjs REST API交互失败_Node.js_Angularjs

Node.js Angularjs REST API交互失败

node.js angularjs

Node.js Angularjs REST API交互失败,node.js,angularjs,Node.js,Angularjs,我是一个Angularjs新手。这是我的第一个Angularjs应用程序，我正在尝试与Nodejs服务调用交互并打印响应。但我在Chrome和Firefox中收到了不同的错误在chrome中我得到了未捕获的错误，在firefox中我得到了错误：[$injector:modulerr] 这是我的代码： index.html： <!doctype html> <html data-ng-app="myapp"> <head> <title>

我是一个Angularjs新手。这是我的第一个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>

我不知道哪里出了问题，有人能解决这个问题吗？

您添加了两次角度路由模块。

myapp！==myApp

。模块和控制器区分大小写。谢谢，这只是输入错误@Ben Fortune。Dint得到服务部门的回复yethere我已经添加了plunker链接

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');
            }

        });

    }
]);