发表于: 2017-01-04 22:00:42
5 1486
今天完成的事情:
1.看了ui-route的教程,跟着教程把任务6做出来了。
http://119.10.57.69:880/jnshu067/js-task6/main.html
2.看了任务7的要求和psd图,分析这个页面需要做什么。
a.大致是需要一个登录页(任务6),登录成功后(根据后台返回的message或者code来判断)跳转后台,需要用ng的$http服务写。
b.后台页也是通过ui路由控制,在一个后台页的内容区显示不同页面的内容。
c.后台页的左侧边栏对应ui路由的切换指令,样式用bootstrap写
d.后台首页应该是欢迎页,准备用文本内容太填充。
e.订单页效果问了杨泽平,了解到表单数据要从后台获取,数据用ng-repeat指令填充。
3.看了ng菜鸟教程的$http和select部分。
明天计划的事情:
1.继续看ng教程。
2.根据页面需要先把静态页面和路由跳转写出来,再写数据验证和填充的部分
遇到的问题:
1.左侧导航栏准备写定宽,右侧的内容区则填充视窗的剩余宽度,那么内容区的宽度怎么写?目前的思路是1.less的方法,用计算表达式的写法写;2.或者是js的计算表达式。但觉得不是很好,有没有css的方法解决?
收获:
配置ui路由时遇到的坑:
1.
01 var
myApp = angular.module(
"myApp"
, ['ui.router']);
教程里引入uiroute是这样写的['ui.router'],但这样写会报错,改成['ui.router']就成功了。
var myApp = angular.module("myApp", ['ui.router']);
2.在引入ui路由跳转成功了,页面也显示出来了,但是页面的js效果却没有了。
经过搜索,得知在angular前引入jQuery就可以了,原因是通过angular新注入到页面的js,浏览器是不会主动执行的。但是jQuery支持这个功能,所以要引入jQuery。
问题解答链接如下:
http://stackoverflow.com/questions/21336350/in-angularjs-any-inline-javascript-code-that-included-in-html-templates-doesnt
评论