Javascript 角度模块md数据表服务
在Angular module md数据表的自述中,它说假设我们有一个$nutrition服务。我尝试添加一个带有返回数据的服务makerService。但是我看不到屏幕上显示的数据。我尝试了不同的JSON格式,但出现了一个错误:Javascript 角度模块md数据表服务,javascript,angularjs,material-design,Javascript,Angularjs,Material Design,在Angular module md数据表的自述中,它说假设我们有一个$nutrition服务。我尝试添加一个带有返回数据的服务makerService。但是我看不到屏幕上显示的数据。我尝试了不同的JSON格式,但出现了一个错误: $makerService.makers.get is not a function 这是我的Javascript代码: (function() { 'use strict'; angular.module('BowbleCRM', [ 'ngM
$makerService.makers.get is not a function
这是我的Javascript代码:
(function() {
'use strict';
angular.module('BowbleCRM', [
'ngMaterial',
'md.data.table'
])
.service('$makerService', function () {
var makers = {
"makers" : [
{"full_name": "Jan", "email": "jan@test.nl"},
{"full_name": "Pieter", "email": "pieter@test.nl"}
]
};
return makers;
})
.controller('BowbleCRMController', ['$makerService', '$scope', BowbleCRMController]);
function BowbleCRMController($makerService, $scope) {
'use strict';
$scope.currentNav = 'importeren';
$scope.selected = [];
$scope.query = {
order: 'full_name',
limit: 5,
page: 1
};
function success(makers) {
console.log(makers);
$scope.makers = makers;
}
$scope.getMakers = function () {
$scope.promise = $makerService.makers.get($scope.query, success).$promise;
};
}
})();
这是我的HTML的一部分
<md-toolbar class="md-table-toolbar md-default">
<div class="md-toolbar-tools">
<span>Alle makers</span>
</div>
</md-toolbar>
<!-- exact table from live demo -->
<md-table-container>
<table md-table md-row-select multiple ng-model="selected" md-progress="promise">
<thead md-head md-order="query.order" md-on-reorder="getMakers">
<tr md-row>
<th md-column><span>Volledige naam</span></th>
<th md-column><span>E-Mail adres</span></th>
</tr>
</thead>
<tbody md-body>
<tr md-row md-select="maker" md-select-id="full_name" md-auto-select ng-repeat="maker in makers.data">
<td md-cell>{{maker.full_name}}</td>
<td md-cell>{{maker.email}}</td>
</tr>
</tbody>
</table>
</md-table-container>
<md-table-pagination md-limit="query.limit" md-limit-options="[5, 10, 15]" md-page="query.page" md-total="{{makers.length}}" md-on-paginate="getMakers" md-page-select></md-table-pagination>
如何进行正确的服务,并使用Angular module md数据表显示数据?您没有函数get on$makerService,只返回makers,它是一个对象
如果您想调用get承诺,必须在makerService上实现它。差不多
.service('$makerService', function () {
var makers = {
"makers" : [
{"full_name": "Jan", "email": "jan@test.nl"},
{"full_name": "Pieter", "email": "pieter@test.nl"}
]
};
function get(params){
//..implement your logic here (for your controller code, this should return a promise)
}
return {
makers: makers,
get: get
};
})
在控制器中,您可以这样称呼它:
$scope.getMakers = function () {
$scope.promise = $makerService.get($scope.query, success).$promise;
};
$makers服务中的GET功能在哪里?目前,$makerService.makers对象没有GET函数,只有全名和电子邮件。