发表于: 2017-05-09 22:54:10

1 969


今天完成的事情:

1.利用ng-message重写表单验证。

2.初步了解directive自定义功能


明天计划的事情:

1.完成分页功能;

2.完成小课堂。


遇到的困难:

1.还是昨天那个分页的功能,看了后台萝卜多的分页的js和html文件,瞬间感觉自己什么都不懂。萝卜多的页面的html和js功能基本上都实现了分离。比如说各个接口,侧边栏功能,数据,表格,分页等等。。。很多都是用了angular.module().directive()自定义指令将功能进行封装,可达到复用效果。但是因为自己没有把html功能彻底分离,导致使用directive自定义指令跳转templateUrl页面出现错误,只能自己写了==。

2.之前用directive自定义指令写了表单验证,达到了鼠标失焦时自动判断,如果不符合条件,弹出错误。但是有一个缺点,不能及时判断输入字符是否满足条件。后来用ng-message插件重写,感觉挺简单的,只是有些细节需要注意一下。


收获:

学习directive自定义指令.

比如说

myApp.directive('pagination', function ($state) {
return {
       restrict: 'EA',
       templateUrl: 'articleListPage.html',
       replace: true,
       scope: {
          total: '@'
       },

在这个自定义指令中,directive中的restrict属性值EA指的是元素和属性,只要html中元素和属性存在pagination,就会触发directive指令,templateUrl指的是模板通过指定的url进行跳转。而replace设置为true之后,该模板就会替换当前元素,而不作为子元素添加到pagination所在的元素中。


返回列表 返回列表
评论

    分享到