restangular并不从node-restful API返回

时间:2015-06-05 14:21:12

标签: angularjs node.js mongodb rest restangular

我真的坚持使用我的MEAN Web应用程序的REST API restangular配置。所以我用node-restful API创建了express服务器,可以使用POSTMAN来执行CRUD操作,我的数据通过Mongoose保存到MongoDB。

客户端应用程序是使用grunt的yeoman引导程序,如果我在控制器中按照下面的定义,我可以看到范围内的硬编码数据,但是当我尝试使用Restangular GetList()时,我遇到了问题我之前可以看到从API Restangular setbaseURL http://localhost:8080/horse返回的数据。

我理解getList没有返回数据,工厂服务正在执行此操作,但我将其设置为在线示例,并且无法将MongoDB中的所有记录返回到角度视图。还尝试了ng-resource,我无法理解为什么我无法将API中的数据添加到范围中。

以下代码使用Horsename

"ngview"返回HorseCtrl<td>horse in horses</td> table罚款
angular.module('HorseApp')
  .controller('HorseCtrl', function ($scope) {
    $scope.horses = [
       {
       horseName: 'MAYKBE DIVA'
       }
    ];

  });
下面的

不会返回数据,我的工厂设置在app.js

'use strict';

angular.module('HorseApp', ['restangular']);

app.controller('HorseCtrl', function($scope, Restangular) {
$scope.horses = Restangular.all('horses').getList().$object;
        });

app.js

'use strict';

angular.module('HorseApp', [
    'ngRoute'
    'restangular'
  ])
  .config(function ($routeProvider, RestangularProvider) {
    RestangularProvider.setBaseUrl('http://localhost:8081/horse');
    $routeProvider
      .when('/', {
        templateUrl: '/views/index.html',
        controller: 'HorsesCtrl'
      });
  })
.factory('HorseRestangular', function(Restangular) {
  return Restangular.withConfig(function(RestangularConfigurer) {
    RestangularConfigurer.setRestangularFields({
      id: '_id' 
    });
  });
})
.factory('Horse', function(HorseRestangular) {
  return HorseRestangular.service('horse');
})

我已将src添加到index.html,如下所示,请帮助:)

<script src="bower_components/jquery/dist/jquery.js"></script>
     <script src="bower_components/angular/angular.js"></script>
 <script src="bower_components/angular-ui-select/dist/select.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
   <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js"></script>
   <script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/restanuglar/dist/restangular.js"></script>

0 个答案:

没有答案