Javascript 使用Angular恢复服务器，不工作_Javascript_Json_Node.js_Angularjs_Restify

Javascript 使用Angular恢复服务器，不工作

javascript json node.js angularjs

Javascript 使用Angular恢复服务器，不工作,javascript,json,node.js,angularjs,restify,Javascript,Json,Node.js,Angularjs,Restify,我正在学习使用Restify来构建Restful API并使用Angular 以下是我的结构： Project page_admin core.js index.html node_modules restify mongojs server.js 我设置了服务器并实现了几个API调用下面的新闻API返回浏览器中的JSON数据列表： `http://localhost:8080/news` `[{"_id":"53b2a2c33

我正在学习使用Restify来构建Restful API并使用Angular

以下是我的结构：

Project
  page_admin        
    core.js 
    index.html
  node_modules
    restify
    mongojs
  server.js

我设置了服务器并实现了几个API调用

下面的新闻API返回浏览器中的JSON数据列表：

`http://localhost:8080/news`

`[{"_id":"53b2a2c3373551813dfe8b91","title":"first","subtitle":"foobar","textbody":"","postedOn":"2014-07-01T12:00:03.215Z"},{"_id":"53b2a122373551813dfe8b8e","title":"my second","subtitle":"my second title","textbody":"node is cool","postedOn":"2014-07-01T11:53:06.389Z"},{"_id":"53b2a0cd373551813dfe8b8d","title":"delay announcement","subtitle":"sub ","textbody":"I am the text body","postedOn":"2014-07-01T11:51:41.678Z"}]`

以下是我处理客户端路由的代码：

server.get('/', restify.serveStatic({

    'directory': './page_admin',
    'default': 'index.html'
}));

My index.html很简单：

<!-- index.html -->
<!doctype html>

<!-- ASSIGN OUR ANGULAR MODULE -->
<html ng-app="bluesky">
<head>
    <!-- META -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"><!-- Optimize mobile viewport -->

    <title>My test app</title>

    <!-- SCROLLS -->
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"><!-- load bootstrap -->
    <style>
        html                    { overflow-y:scroll; }
        body                    { padding-top:50px; }
        #todo-list              { margin-bottom:30px; }
    </style>

    <!-- SPELLS -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><!-- load jquery -->
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script><!-- load angular -->
    <script src="core.js"></script>

</head>
<!-- SET THE CONTROLLER AND GET ALL TODOS -->
<body ng-controller="mainController">
    <div class="container">

        <!-- HEADER AND TODO COUNT -->
        <div class="jumbotron text-center">
            <h1>My example is working <span class="label label-info">{{ news.length }}</span></h1>
        </div>

        <!-- TODO LIST -->
        <div id="todo-list" class="row">
            <div class="col-sm-4 col-sm-offset-4">

                <!-- LOOP OVER THE TODOS IN $scope.todos -->
                <div class="checkbox" ng-repeat="new in news">
                    <label>
                        <input type="checkbox" ng-click="deleteTodo(new._id)"> {{ new.subtitle }}
                    </label>
                </div>

            </div>
        </div>


    </div>

</body>
</html>

当我尝试导航到：http://localhost:8080

我得到了我的索引页，但它显示：

'My example is working {{ news.length }}

在控制台中，我看到以下错误：

    GET `http://localhost:8080/core.js` 404 (Not Found) 
    localhost/:24

    Uncaught Error: No module: bluesky 
    angular.min.js:18

我刚才错过了什么，以至于角度传感器无法检索数据

=============================================================

竖立如果我直接包含core.js并将代码放入其中，那么它就可以工作了

但是，如何解决这个404未找到的问题呢？只是不想在索引页中包含所有js文件。

就我对angular js的了解而言，您的模块中没有定义controller。因此，不使用函数mainController$scope，$http{ .... }

您应该在模块bluesky中定义控制器，如下所示

controllermancontroller，函数$scope，$http { ....

};

似乎索引文件中指定的core.js位置不正确。仔细检查路径。因为它说找不到您的core.js文件页面管理文件夹ryt Hi Sam中的文件，所以尝试了一下，但仍然不起作用

    GET `http://localhost:8080/core.js` 404 (Not Found) 
    localhost/:24

    Uncaught Error: No module: bluesky 
    angular.min.js:18