发表于: 2017-05-23 21:38:35
2 930
今日所做:
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即输出上线
今日收获:
学会使用懒加载
学会如何将从服务器获取到的数据渲染出来
评论