我真的坚持使用我的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>