发表于: 2017-01-12 22:16:48

1 1190


一、今天完成的事情:
1.完成了翻页按钮,思考了下如何实现搜索按钮
2.继续学洗了angular,熟悉了http操作、分页的制作。
二、明天要做的事情:
1.和师兄一起重构下微信小程序展示页面的代码。
2.如果有时间的话写我的搜索按钮。
三、遇到的问题:
1.在http中responsetype来确定解析步骤(是json还是其他东西);
2.用ng-if来隐藏元素,元素会直接被删除,而用hide和show则不会有这种情况。只是会被注释掉
3.{{}}里面支持一个东西:三目运算符   条件?true:false,这个方便了我们在这之中做判断,我的理解是主要方便ngshow和hidden
3.$index是ng自带的东西,使用之后可以直接返回它的下标!
4.ng-repeat和任何事件见面都会出现不可知的错误,解决方法:不要在按钮之类的东西上边直接赋值,用函数来绑定就行了------简单版:ng-repeat和ng-click用函数而非表达式
5.在angular中我们只需要管好我们的数据基本就没问题了实
6.实现选项卡的方法:我们的基本思想是一切都用数据来控制,首先,将所有数据都循环出来。
  1. 第一步实现点击选项卡当前点击选项卡会变色,其他会恢复原样。我们使用循环出来的每一个数据都具有不同的下标的属性,来完成,首先在controller里面定义一个函数,
    ];
    $scope.fn = function (n) {
       $scope.now= n;
    };

    <button type="button" ng-repeat="x in jason" class="{{now==$index?'active':''}}" ng-click="fn($index)">{{ x.name }}</button>

    然后将这个函数绑定进点击处的ng-click点击一下就会把它fn的值改变为它now值变为下标,这样互通之后就实现了改变,利用的根本属性还是数据的双向绑定
  2. 下面的属性直接加一个判定,判定show是否与index相等就行了,我们在ng中值关心数据是否变化,一定要注意这一点
    <div ng-repeat="y in jasonng-show='now==$index'>{{ y.content }}</div>



今天小课堂二师兄分享的是:什么是渐进增强和优雅降级,我的理解,优雅降级就是将你的代码中的js文件抽离出来,你的页面的基本功能还在,用户还是能够正常使用跳转,在此基础上对代码的逻辑和效果进行增强则是渐进增强!


明天也要加油哦!!!


返回列表 返回列表
评论

    分享到