发表于: 2017-05-02 18:04:08
1 1089
任务八
今天完成的事情
- 1研究ng-message,发现其本质上和angular的表单验证差不多,只不过是把错误对象的四个属性抽象出来了。这样可以根据不同的错误信息显示不同的提示。
- 2使用ng-repeat将接口数据渲染到页面上。
- 3.完成任务七。
明天计划的事情
- 1思考如何进行分页
遇到的问题
1.因为视图比较多,所以在控制器里面写了一个views,来定义不同的视图应用哪些控制器,结果发现视图死活加载不了,也不报错,研究了半天,结果下午吃完饭后才发现是ui-view拼写错了,拼成了ng-view。。。这命名不按套路来啊。
2.view加载成功后,给a便签设置了ui-self,结果点击没有反应,又看了半天,发现又是单词拼错了,是ui-serf。坑死了。
3.我的每个文件写法有点特殊:
(function(angular){
angular.module("mainApp",['ui.router','oc.lazyLoad']).controller('backMainCtrl',['$scope',function ($scope) {
}]);
})(angular);
但是每次写控制器的时候都要重新写一遍,发现推荐的写法是var app=angular.module()这种写法,然后在控制器里面直接app.module写就可以了。但是我这样写会报错,想了一下,发现是我写法的问题,我这种写法形成了一个闭包,外部是访问不到我之前定义的module。
4.后台管理页面的动画效果是用jquery写的,但是懒加载后去发现没有折叠菜单打不开。然后调试了一下,发现是jquery获取不到dom节点。然后去看了下文件,发现懒加载的文件全部放在头部了,页面先加载的js文件。再加载的html,而路由跳转不会触发load,所以采取的解决方案是延迟几秒再执行这段jquery代码,但这不是一个好的办法。网上查的资料推荐是使用自定义指令或者使用bootstrtap-ui,先记下来,以后在研究。举步维艰,走一步,踩个坑,走一步,踩个坑,心塞。
收获
1 学会了ng-message实现表单验证。
2.学会了views这种定义方法。
评论