发表于: 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的用法;
评论