刷新页面后筛选器不起作用
Filter not working after refreshing the page
我有这个输入搜索
<input type="search" ng-model="query">
<div ng-repeat="sport in sports | filter:query"></div>
这在用户登录后非常有效,但在同一会话中,如果用户刷新页面,过滤器将不再工作,如果您在搜索框中键入内容,则不会发生任何事情,数组也不会更改。
这是服务
angular.module('myApp.services')
.factory('SportsFactory', function($http, $q,
AuthFactory, LeaguesFactory, LocalForageFactory, CONSTANT_VARS) {
return {
getSportsWithLeagues: function(customer) {
var _this = this,
defer = $q.defer(),
rejection = function(err) {
defer.reject(err);
},
sportsLength;
LocalForageFactory.retrieve(CONSTANT_VARS.LOCALFORAGE_SPORTS_LEAGUES)
.then(function(sportLeagues) {
if (!_.isNull(sportLeagues)) {
defer.resolve(sportLeagues);
}else {
_this.getSports(customer.agent).then(function(sports) {
sportsLength = sports.length;
LeaguesFactory.getLeagues({
sportIds: _.pluck(sports, 'id'),
lineProfile: customer.lineProfile,
betLimit: customer.betLimit
}).then(function(leagues) {
_.each(sports, function(sport) {
sport.leagues = _.filter(leagues, function(league) {
return sport.id === league.sport.id;
});
});
LocalForageFactory.set(CONSTANT_VARS.LOCALFORAGE_SPORTS_LEAGUES, sports);
defer.resolve(sports);
}, rejection);
}, rejection);
}
}, rejection);
return defer.promise;
}
}
}
这里是控制器的一部分
angular.module('myApp.controllers', [])
.controller('LinesCtrl', function($scope, customer,
SportsFactory, LinesFactory) {
$scope.query = '';
SportsFactory.getSportsWithLeagues(customer).then(function(sports) {
$scope.sports = sports;
});
}
我还有这个$watch
$scope.$watch('query', function(val) {
console.log(val);
});
检查过滤器是否在刷新后停止工作,但仍然正常工作,并且每次在查找器中键入内容时都可以在控制台中看到日志。
那么,你认为这里发生了什么?
问题是,每次刷新页面时,在promise中,sportLeagues
返回一个对象,只返回一个包含其他对象的对象,就像使用lodash
一样,只需放入defer.resolve(_.values(sportLeagues));
,就足以返回所需的值。如果您需要了解其他信息,请告诉我
相关文章:
- 在筛选网格期间,网格负载掩码不起作用
- jQuery dataTables基于类型的列筛选不起作用?Img alt过滤器/排序
- 刷新页面后筛选器不起作用
- JQuery多属性筛选器不起作用
- 筛选器's的第二个参数不起作用
- 控制器中的筛选列表没有'不起作用
- 个别列筛选器在Datatable中不起作用
- Videogular-hh:mm:ss格式的日期筛选器不起作用
- Onresize函数在价格筛选滑块中不起作用
- 剑道 UI 网格筛选器在之前打开弹出窗口时不起作用
- 基于从下拉列表中选择的值的筛选列表不起作用
- 搜索筛选器不起作用.角度Js
- Knockout+DataTables筛选;不起作用
- Backgrid筛选器在主干应用程序中不起作用
- 包含下拉选择(在正文中,而不是标题或筛选器中)的表分类器在IE中不起作用
- 使用complexQuery的Dojo DataGrid筛选不起作用
- 筛选表行不起作用
- wsapi存储的筛选器函数在Rally SDK中不起作用
- ng表编号范围筛选器不起作用
- 筛选复选框以显示其类;不起作用