发表于: 2017-03-02 23:32:13
1 1377
今天完成的事情:
1、今天弄了一天的ui-router,快要折磨死了
首先需要定义一个主页面,在该页面引入angular和angular-ui-router的js文件以及自定义的js文件,使用ng-app定义一个视图view区域;在定一个跳转页面,放上跳转的链接,锚点使用ui-sref,注意该页面是引入的主页的,所以只需要div部分,其他部分不能写,不然就会有两个html标签了。其他页面自定义,在js文件中
首先声明AngularJS模块, 并把ui-router传入AngularJS主模块
把 $stateProvider 和 $urlRouteProvider 路由引擎作为函数参数传入
再定义一个默认跳转view
最后定义跳转的各个view
注意如果视图中有嵌套,比如a中嵌套b,那么。state的一个参数就是“a.b”;
明天计划的事情:
1、制作讲解PPT,题目是媒体查询的用法
2、有时间继续完成任务六
遇到的问题:
1、视图部分html文件含有html标签,视图无法显示,去掉这些只含有div内容部分就可以了。
2、ui-router引入是参数错误,导致找了半天问题,打印一大堆错误日志信息,但是看不懂,最后查找发现是某个模块没有正常加载,最后发现是ui-router引入时写错了
收获:
了解了ui-router的一些用法,明天看一下资料巩固下
今天小课堂讲的是table和div+css布局的区别,table布局更符合语义化,使用外联css样式更加节省性能。
评论