发表于: 2017-04-17 22:12:57
2 1185
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.
评论