发表于: 2017-07-12 21:56:47

0 858


这篇日报整理一下任务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”,不然会报错

今天的计划

整理一下这个传参的先后顺序,加深一下理解,现在思路比较混乱,很多地方不太明白


返回列表 返回列表
评论

    分享到