发表于: 2017-05-11 23:48:52
1 865
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
用ui-router替换掉ngRoute,重写路由方法
angular.module('myApp', ['ui.router', 'oc.lazyLoad', 'angularFileUpload'])//声明AngularJS模块, 并把ui-router传入AngularJS主模块,所有的结合起来我们就得到了Angular模块。
.config(function ($stateProvider, $urlRouterProvider, $ocLazyLoadProvider) {// 把 $stateProvider 和 $urlRouteProvider 路由引擎作为函数参数传入,这样我们就可以为这个应用程序配置路由了.
$urlRouterProvider.otherwise("/login");//如果没有路由引擎能匹配当前的导航状态,那它就会默认将路径路由至 PageTab.html, 这个页面就是状态名称被声明的地方. 只要理解了这个,那它就像switch case语句中的default选项.
//home.html 将对装下所有的子页面.
.state("home", {
url: '/home',
templateUrl: "../html/home.html",
controller: "homeCtrl",
resolve: {
loadMyFile: _lazyLoad([
'css/home.css', 'js/home.js'
])
}
})
});
明天计划的事情:(一定要写非常细致的内容)
在单页应用里如何通过url传参;
angular的指令是什么;
如何去自定义一个指令
遇到的问题:(遇到什么困难,怎么解决的)
如何为分页添加事件,点击分页时重新请求当前分页的数据
收获:(通过今天的学习,学到了什么知识)
如何在项目中使用ui-router?
(1) 在主页引入AngularJS框架
(2) 在主页引入ui-router框架.
(3) 新建app.js中配置项目的路由,使之可以在几个页面中做单页面跳转
(4) 在主页引入 app.js
(5) 让主页内容展示出来,然后显示出它里面的页面.
评论