AngularJS:Smart Table 的全局搜索不适用于异步加载的数据
AngularJS: global search of Smart Table does not work with data loaded asynchronously
我正在使用 Smart Table for AngularJS but global search of Smart Table does not work with data loaded asynchronously. I made this little plnkr 查看实际问题。
更多详情:
根据文档,有两个数据副本,一个用于渲染,另一个是 "static" 数据的安全副本。我有一个 table 显示通过 API 加载的数据。我的 HTML:
中有 table 声明
<table st-table="stc.displayedCollection" st-safe-src="stc.rowList" class="table table-striped">
如您所见,我告诉智能 table "who" 是我数据的两个副本。
这里有一块控制器来获取数据:
stc.fetchData = function(val) {
console.log(val);
$http.get('data'+val+'.json').success(function(data){
stc.rowList = data;
stc.displayedCollection = [].concat(stc.rowList);
});
};
加载数据后,我的智能 table 无法正常工作(例如,过滤和排序不起作用)。
问题出在哪里?
我已经遇到了同样的问题!!
您需要重复显示的 collection 而不是保险箱
<table st-table="stc.displayedCollection" st-safe-src="stc.rowList>
<tr ng-repeat="row in stc.displayedCollection">
我正在使用 Smart Table for AngularJS but global search of Smart Table does not work with data loaded asynchronously. I made this little plnkr 查看实际问题。
更多详情:
根据文档,有两个数据副本,一个用于渲染,另一个是 "static" 数据的安全副本。我有一个 table 显示通过 API 加载的数据。我的 HTML:
中有 table 声明<table st-table="stc.displayedCollection" st-safe-src="stc.rowList" class="table table-striped">
如您所见,我告诉智能 table "who" 是我数据的两个副本。
这里有一块控制器来获取数据:
stc.fetchData = function(val) {
console.log(val);
$http.get('data'+val+'.json').success(function(data){
stc.rowList = data;
stc.displayedCollection = [].concat(stc.rowList);
});
};
加载数据后,我的智能 table 无法正常工作(例如,过滤和排序不起作用)。
问题出在哪里?
我已经遇到了同样的问题!!
您需要重复显示的 collection 而不是保险箱
<table st-table="stc.displayedCollection" st-safe-src="stc.rowList>
<tr ng-repeat="row in stc.displayedCollection">