发表于: 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) 让主页内容展示出来,然后显示出它里面的页面.



返回列表 返回列表
评论

    分享到