发表于: 2017-07-05 23:11:22

1 1016


1、当前页码显色,之前使用的点击事件,操作当天按钮变色,有点小问题,现在直接使用ng-class,判定当前绑定的页码和索引值是否一致。

<button  class="page" ng-repeat="a in pageTotal track by $index" ng-click="pageNum()"  ng-class="{'backBlue': {{page}} == {{$index + 1}} }">{{$index + 1}}</button>

2、分页太多时,只显示5个页码,表达式比较复杂,3个或者逻辑符,前面表示保留前后2个显示,后面分别表示在首位两端的要求。

<button  ng-show="({{page}} >{{$index -2}}&&{{page}} < {{$index +4}})|| ({{page}}<3&&{{$index}}<=4) || ({{page}}>{{pageT-2}}&&{{$index}}>{{pageT-6}})"

3、改正设定时间搜索,返回结果页面,日期显示为空的情况。在请求完成之后,将url上面的参数转换为日期格式,重新赋值给绑定的日期框。

$http.get('/carrots-admin-ajax/a/article/search'+params)
    .success(
function (response) {

。。
      
        $scope.list=response.data.articleList;
       
$scope.pageTotal=new Array(Math.ceil(response.data.total/response.data.size));
       
$scope.pageT=Math.ceil(response.data.total/response.data.size);
       
$scope.startDate=($scope.startDate)?new Date(Number($stateParams.startAt)):"";
       
$scope.endDate=($scope.endDate)?new Date(Number($stateParams.endAt)):"";
   
。。

    })
;

4、学习自定义指令

指令无外乎增强了HTML,提供额外的功能,常用的自带指令基本上已经可以满足我们的绝大多数需要了,少数情况下我们有一些特殊的需要,可以通过自定义指令的方式实现。

从更高的层次上说,指令是DOM元素上的一些标记(例如: 属性,元素名称,注释和一些CSS的类)用于转换DOM元素的内部或者对DOM元素进行一些行为上的绑定。

注意事项

自定义指令和自定义控制器都必须要挂载在模块之下。因为自定义指令的directiveangular.module下的一个方法。

具体用法为 angular.module('moduleName',[]).directive(name, directiveFactory);angular.module 可以使用链式编程的形式,返回模块本身,可定义多个指令。

定义指令的时候用驼峰命名法如:myDirective , 使用的时候用匈牙利命名法:my-directive

自定义指令可以把一段重复使用的方法封装起来,类似封装一些组件来使用。

return中的一些常用选项的说明。

 

收获:分页页码相关知识点,ng相关知识点及表达式。

困难:无。

计划:暂时不做任务了,看看书,准备复盘相关资料。



返回列表 返回列表
评论

    分享到