发表于: 2017-04-20 23:43:45
1 1142
今天完成的事:
用angular表单重写登录页,写表单验证用了插件message.JS,简单的表单验证按样式写即可。
pagetable,列表页静态页面写完。
学习懒加载。
明天计划的事:
争取完成任务7.
遇到的问题:
路由主页面在登录页面时,使用懒加载引入登录页CSS和JS时;登录页面Html怎么都加载不了,而且没有任务报错,不用懒加载引入js和css文件时,登录页Html可以显示,找了半天,但是不知道是什么原因引起的?
var myApp = angular.module("myApp", ["ui.router","oc.lazyLoad"]);
myApp.config(function ($stateProvider, $urlRouterProvider) {
var _lazyLoad = function (loaded) {
return function ($ocLazyLoad) {
return $ocLazyLoad.load(loaded, {serie: true});
}
};
$urlRouterProvider.when("", "go");
//用来配置路由重定向
$stateProvider
//用来配置路由
.state("go",{
url:"/go",
templateUrl:"go.html",
// resolve: {
// loadMyFile: _lazyLoad(
// //懒加载登录的js和css文件
// ["dome.js", "message.css"]
// )
// }
})
使用懒加载
不使用懒加载
收获:
经过任务7 的磨练加深了对路由的理解 Ui-router 主要功能是在一个主页面下(即父级页面)可选择加载子页面(例如page1,page2,page3);
使用$http post完成异步请求数据,
懒加载插件主要防止多个页面之间文件加载冲突;
css3 使图片旋转的属性transform:rotate(45deg) 45度旋转
评论