Javascript AngularJS ng表格-Rest方法调用-如何更新视图?
我有点小问题。 我用ng桌子做我的桌子。现在我想使用一种在后端完成的过滤。我使用typescript,因此我的构造函数如下所示:Javascript AngularJS ng表格-Rest方法调用-如何更新视图?,javascript,angularjs,typescript,ngtable,Javascript,Angularjs,Typescript,Ngtable,我有点小问题。 我用ng桌子做我的桌子。现在我想使用一种在后端完成的过滤。我使用typescript,因此我的构造函数如下所示: public constructor(private restService:restService){ this.tableParams = new NgTableParams({page: 1, count: 50}, { getData: function(x) { return restService.getPage(x.count(),x.
public constructor(private restService:restService){
this.tableParams = new NgTableParams({page: 1, count: 50}, {
getData: function(x) {
return restService.getPage(x.count(),x.page()).then((data)=> {
// do stuff
return data.content;
}); } });
<table ng-table="vm.tableParams" >
<tr ng-repeat-start="x in $data track by x.id">
... </tr></table>
现在,我在HTML中获得了一个下拉列表,在ng change中,我调用了我的方法,该方法使用过滤器作为queryParam进行rest调用,并返回对象:
private methodA(){
restService.getPage(x.filter).then((data)=>{
//
});
HTML文件中的我的ng表如下所示:
public constructor(private restService:restService){
this.tableParams = new NgTableParams({page: 1, count: 50}, {
getData: function(x) {
return restService.getPage(x.count(),x.page()).then((data)=> {
// do stuff
return data.content;
}); } });
<table ng-table="vm.tableParams" >
<tr ng-repeat-start="x in $data track by x.id">
... </tr></table>
...
我现在的问题是:我必须把methodA返回的对象放在哪里,以便它在HTLM中以$data的形式存在?我必须使用新的NgTableParams对象吗?如果是这样的话,我怎么做,因为他只知道构造函数中的NgTableParams
cliffnotes:我在一个方法中有一个rest调用(构造函数除外)。我必须把returnValue放在哪里才能在HTML中看到它们
我希望你能理解我的问题。
提前谢谢 在methodA()中,需要将数据
分配给变量,并将其设置为表中的数据。如果http
失败,您还应该使用回调函数
private methodA(){
restService.getPage(x.filter).success(function (data){
$scope.myData = data;
}, function (error) {
alert("Error Retrieving Data");
$q.reject(error);
});
然后在HTML中引用$scope.myData
:
<table ng-table="vm.tableParams" >
<tr ng-repeat-start="x in myData track by x.id">
... </tr></table>
...
从HTML中引用作用域上的任何内容时,不需要$