发表于: 2017-04-17 22:12:57

2 1184


1.今天完成的事情

1.跟着菜鸟里面的教程敲完了angular的内容,不是很懂路由和依赖注入。

2.把昨天的问题解决了,主要问题就是没把变量放在控制器里面,所以没有生效。

3.下午开始研究路由,ng-router和ui-router,查了一通资料,说ui-router比ng好用,于是开始学ui-router,再angular后面引入ui-router,然后在js文件中定义module,在里面使用$stateProvider, $urlRouterProvider,还有需要路由的页面,写好路由,需要注意的是在子路由页面需要写“

     <div>

          <div ui-view=""/>

     </div>


这样才代表这个页面下的页面是最终的页面,还有需要在子路由页面写ui-self=“xxxx”,不然也打不开。

如下,这是一个嵌套路由的写法。

var myApp = angular.module("myApp", ['ui.router']);

myApp.config(function ($stateProvider, $urlRouterProvider) {

     $urlRouterProvider.when("", "/PageTab");

     $stateProvider

        .state("PageTab", {

            url: "/PageTab",

            templateUrl: "PageTab.html"

        })

        .state("PageTab.Page1", {

            url:"/Page1",

            templateUrl: "Page-1.html"

        })

        .state("PageTab.Page2", {

            url:"/Page2",

            templateUrl: "Page-2.html"

        })

        .state("PageTab.Page3", {

            url:"/Page3",

            templateUrl: "Page-3.html"

        });

});

4.配置webstorm的angular语法报错提醒功能一直不成功,查了很多资料配置了很多次都不行,一怒之下就转sublime text3,花了2个小时装了一堆插件,挺好用的,小霸王也不用上天了,赞~
5.晚上完成了一半页面的css,明天完成剩下的,做完任务6.

2.明天要做的事情

完成任务6.

3.遇到的问题

webstorm配置angula语法,一直不成功,后来就放弃了这个。

路由一直没看懂是怎么实现的,问(坑)了下家健,也相当于他帮我理了下,现在通了。

4.收获

1.angular路由如何实现。

2.配置sublime,收获一个更轻量的ide.



返回列表 返回列表
评论

    分享到