发表于: 2017-05-23 21:38:35

2 932


今日所做:
1.在网上换了几个引用的版本,依旧会报错,后来将网上引用的版本改为从

本地引用,使用其他人的早期的版本,然后加上懒加载,就可以实现ui.router

的跳转,并且表单验证的功能没有收到影响

2.对于懒加载的使用:

var app= angular.module('myApp', ['ui.router','oc.lazyLoad']);
app.config(function ($stateProvider, $urlRouterProvider) {
/*懒加载*/
   var _lazyLoad = function (loaded) {
return function ($ocLazyLoad) {
return $ocLazyLoad.load(loaded, {serie: true});
       }
};

在模块中注入懒加载功能,和ui.router一样,然后创建一个懒加载函数,以便在ui.router中

使用

3.在ui.router中设置好状态以及跳转,然后按照页面对应的需要加载的文件,设置好懒加载:

$stateProvider
.state('js5', {
url: '/js5',
       templateUrl: 'js5.html',
       resolve: {
loadMyFile:_lazyLoad(
//懒加载登录的js和css文件
               ['js/js5.js', 'css/js5.css']
)
}
});

4.使用get方法向服务器请求数据,然后在使用一个变量与数据绑定,然后使用ng-repeat功能

在html页面将需要重复的元素渲染出来

5.基本完成任务7

明日计划:

完善任务7,进行任务8

遇到的问题:

1.ui.router设置初始跳转页面,如果使用when方法,一直无法实现跳转,后来询问他人,使用otherwise

方法,就可以跳转了,不知道为什么

2.获取服务器上的数据时,表示表示的状态是用1或2来表示,草稿和上线,如何设置一个自定义过滤

,来使得如果是1就输出草稿,如果是2即输出上线

今日收获:

学会使用懒加载

学会如何将从服务器获取到的数据渲染出来


返回列表 返回列表
评论

    分享到