Question

我正在尝试使用M.E.A.N堆栈构建应用程序。我设法建立了一个测试页面并成功利用了Angular.js＆＃39;能够根据搜索条件显示和重新排序数据。我有兴趣通过使用javascript控制器调用存储在外部Json文档中的数据，进一步向前迈出一小步。当我运行该程序时，除了一件事之外，所有检查都没问题;我似乎无法正确链接文件。我想我可能不完全理解哪个文档被视为根文件。

我的代码就是休闲：

Controller.js：

＆＃13;

var phonecatApp = angular.module('contactApp', []);

phonecatApp.controller('ContactListCtrl',
  ['$scope', '$http', function($scope,
    $http) {
    $http.get('../data/contacts.json').success(
      function(data) {
        $scope.contacts = data;
  });

    $scope.orderProp = 'age';
  }]);

＆＃13;

我的文件结构如下：

myApp
├── data
|   |-- contacts.json
├── public
│   ├── javascripts
│   │   ├── controllers
|           |---controller.js
|---views
|   |---index.jade
|   |---layout.jade

尝试了什么：

我阅读了文档，我相信它指示我将链接写入我的控制器，就像它来自index.jade文件一样。但是，这似乎并没有按照我想要的方式解决。

任何建议都将不胜感激。

谢谢

Answer 1

您必须检查设置静态目录的代码的Node.js部分（您可能使用Express，请检查此http://expressjs.com/starter/static-files.html），也许它是public，所以移动{{ 1}}进入公开并将其称为data

使用MEAN堆栈连接到模拟数据集

1 个答案: