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

Question

I am experimenting with building an application using the MEAN stack. I've managed to get as far as setting up a test page and successfully utilizing Angular.js' ability to display and re-order data based upon search criteria. I am interested in taking it a small step further by calling upon data stored in an external Json document using a javascript controller. When I run the program as is everything checks out okay except for one thing; I can't seem to properly link the file. I think I may not fully understand which document is meant to be treated as the root file.

My code is as fallows:

Controller.js:

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

My File structure is as follows:

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

What iv'e tried:

I read through the documentation and I believe it instructed me to write the link in my to my controller as if it were coming from the index.jade file. However, this didn't seem to work out the way I wanted.

Any suggestions would be greatly appreciated.

Thank You

Answer 1

您必须检查设置静态目录的代码的Node.js部分（您可能使用Express，因此请检查此http://expressjs.com/starter/static-files.html ），也许它是public ，所以将data公开并称为$http.get('/data/contacts.json')