0
我想将我的WebApi添加到AngularJS中。我用下面的控制器首先尝试的工作:
function ListCtrl($scope, $http) {
$scope.data = [];
$http.get('/api/Auftraege')
.then(function (result) {
// Success
angular.copy(result.data, $scope.data);
},
function() {
// Error
alert("Error");
});
}
但现在我加了NG-表,我从他们的页面的示例代码中,有数据硬编码的尝试。
我的问题是:
我在哪里下面的代码了 '$ http.get('/ API/Auftraege ')' 补充的吗?到目前为止,我尝试过的所有变化都没有做到。
var app = angular.module('main', ['ngTable']).
controller('DemoCtrl', function ($scope, $filter, ngTableParams) {
var data = [{ name: "Moroni", age: 50 },
{ name: "Enos", age: 34 }];
$scope.tableParams = new ngTableParams({
page: 1, // show first page
count: 10, // count per page
sorting: {
name: 'asc' // initial sorting
}
}, {
total: data.length, // length of data
getData: function ($defer, params) {
// use build-in angular filter
var orderedData = params.sorting() ?
$filter('orderBy')(data, params.orderBy()) :
data;
$defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
}
});
});
UPDATE
这为我工作:
var app = angular.module('main', ['ngTable']);
app.controller('DemoCtrl', function ($scope, $http, $filter, ngTableParams) {
$http.get('/api/Auftraege')
.success(function (data, status) {
$scope.data = data;
$scope.tableParams = new ngTableParams({
page: 1, // show first page
count: 10, // count per page
sorting: {
foo: 'asc' // initial sorting
}
}, {
total: $scope.data.length, // length of data
getData: function ($defer, params) {
// use build-in angular filter
var orderedData = params.sorting() ?
$filter('orderBy')($scope.data, params.orderBy()) :
$scope.data;
$defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
}
});
});
});
谢谢!是的,这是简化的代码,我开始更多地了解AngularJS,它仅用于测试和玩耍。我会用现在适合我的东西来更新我的问题。 – oldsport