发表于: 2017-07-12 21:56:47
0 860
这篇日报整理一下任务8搜索功能的写法,任务8里根据下拉菜单来过滤底部列表的显示内容,实际上是根据下拉框选定的条件发起请求,然后再在底下的列表中显示对应内容
1. ng-model双向绑定
ng-model只能在form表单中使用,首先将几个下拉框都绑定上ng-model,然后开始使用params传参
$scope.parmas={ };
首先,我们定义一个空对象,然后在html页面和填写对应的参数名,准备进行传参
2. url传参
url:"/home?type&status&startAt&endAt",
通过url一次传递多个参数
3. 设置请求按钮
ui-sref-opts="{reload:true}"
ui-sref="home({type:parmas.type,status:parmas.status,startAt:startAt,endAt:endAt})">
每进行一次搜索都刷新当前页面,通过ui-sref传递当前参数
遇到的问题
时间是使用时间戳的方式传递的,所以要进行时间到时间戳的转化,使用如下函数
$scope.aaa = function() {
$scope.parmas.startAt = Date.parse($scope.startAt);
$scope.parmas.endAt = Date.parse($scope.endAt);
if (isNaN($scope.parmas.startAt)) {
$scope.parmas.startAt = ""
}
if (isNaN($scope.parmas.endAt)) {
$scope.parmas.endAt = ""
}
发现的问题
时间过滤器要注意大小写问题,月份“MM”,不然会报错
今天的计划
整理一下这个传参的先后顺序,加深一下理解,现在思路比较混乱,很多地方不太明白
评论