footable ajax分页,关于footable不自动分页及不自动刷新页面样式问题

问题描述：

使用angularjs集成footable，通过ajax加载数据后，页面分页及样式没有刷新。

现象：

NamelogoWebsiteURLExternal Parameter 1External Parameter 2Meta KeywordsMeta DescriptionPeriodAction

{{store.name}}{{store.website}}{{store.friendly_url}}{{store.external_parameter1}}{{store.external_parameter2}}{{store.Meta_keywords}}{{store.Meta_description}}{{store.period}}

正常样式应该如：

但偶尔会出现这样情况：

标签及样式均没有渲染，分页功能也丢失。

angularjs相关代码如下：

app.controller('storesCtrl',['$scope','$http',function($scope,$http) {

$scope.stores = {};

$http.get("http://MyApiUrl/store.PHP").

success(function(data){

$scope.stores = data;

//$('.table').trigger('footable_redraw');

});

}]);

success(function(data){

$scope.stores = data;

$timeout(function(){

$('.table').trigger('footable_redraw');

},100);

});

以上$timeout代码段加入到controller后，问题解决。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。