发表于: 2017-01-04 22:00:42

5 1484


今天完成的事情:

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





返回列表 返回列表
评论

    分享到