发表于: 2017-04-20 23:43:45

1 1141


今天完成的事:

用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度旋转



返回列表 返回列表
评论

    分享到