我在AngularJS中遇到fooTable的问题,这就是我正在做的事情:
<table class="table m-b-none" ui-jq="footable" data-filter="#filter" data-page-size="5">
<thead>
<tr>
<th data-toggle="true">Name</th>
<th data-hide="phone">Logo</th>
<th data-hide="phone,tablet">Website</th>
<th data-hide="phone,tablet" data-name="Friendly URL">URL</th>
<th data-hide="all">External Parameter 1</th>
<th data-hide="all">External Parameter 2</th>
<th data-hide="all">Meta Keywords</th>
<th data-hide="all">Meta Description</th>
<th data-hide="all">Period</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="store in stores">
<td>{{store.name}}</td>
<td><img ng-src="{{store.logo}}" /></td>
<td>{{store.website}}</td>
<td>{{store.friendly_url}}</td>
<td>{{store.external_parameter1}}</td>
<td>{{store.external_parameter2}}</td>
<td>{{store.meta_keywords}}</td>
<td>{{store.meta_description}}</td>
<td>{{store.period}}</td>
<td data-value="1">
<!--Edit Button-->
<a type="button" class="btn btn-xs btn-default" ui-sref="app.store.edit({editId: store.id})">
<i class="fa fa-pencil"></i>
</a>
<!--Delete Button-->
<a type="button" class="btn btn-xs btn-default" ng-click="deleteStore(store.id)">
<i class="fa fa-trash"></i>
</a>
</td>
</tr>
</tbody>
<tfoot class="hide-if-no-paging">
<tr>
<td colspan="10" class="text-center">
<ul class="pagination"></ul>
</td>
</tr>
</tfoot>
</table>
当我按输出刷新F5
页面时,它应该是:
然后在我单击其他地方e.g. Add Store
并返回此页面后,现在图片发生了变化:
+图标消失了,一切<td>
都在显示,它们并没有像应有的那样隐藏。
这是我的控制器:
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');
});
}]);
我也尝试使用$('.table').trigger('footable_redraw');
但没有运气。
请帮忙,谢谢