发表于: 2017-07-24 23:51:53

1 808


一、今天完成的事:

1.学习懒加载,更改页面实现懒加载;

2.给页面增加bootbox插件,优化弹出框按钮;

3.优化过滤器中判断,将swith更改为数组;

4.优化input框的表单验证,增加touched判断,点击后提示;

二、明天的计划:

1.整理优化页面;

三、遇到的问题:

1.大佬查看页面发现过滤器写的较为复杂,可以更改为数组,查看后更改为数组正常;

2.懒加载中,需要在每个加载的js中重新写angular.module,之前将angular.module赋值给myApp后,在懒加载页面无法找到控制器,只能重新angular.module,询问师兄查看依然不行,但是不用懒加载是正常,查看官网也是这样写的,目前不清楚原因,在研究;

四、收获:

1、学习懒加载指令的用法;

var _lazyLoad = function (loaded) {
return function ($ocLazyLoad) {
return $ocLazyLoad.load(loaded, {serie: true});
   }
};

在路由页添加需要加载的页面即可;

resolve: {
loadMyFile: _lazyLoad([
'js/controller/index.js',
       'sass/index.css'
   ])
}

注意需要在每个js页面重新定义

angular.module("userApp")

不能将angular.module赋值给一个变量;

2.优化过滤器的写法,将之前的swith更改为数组;

angular.module("userApp")
.filter('typeFilter', function() {
var typeFilter = ["首页Banner","找职位Banner","找精英Banner","行业大图"];
   return function (type) {
return typeFilter[type];
   }

3.优化input框的提示信息,添加touched判断,在input失去焦点后提示用户;

<span style="color:red" ng-show="form.title.$error.required && form.title.$touched">标题是必须的!</span>

注意ng-touched的用法;



返回列表 返回列表
评论

    分享到