发表于: 2016-10-11 23:02:54

1 2200


今天完成的事:

1. 利用angularJS的表单验证组件完成简单的表单验证;

   (1) ng-class="{'invalid':saveForm.name.$invalid && saveForm.name.$touched }"点击过的表单并且输入非法,则添加一个invalid,通过这个类来设置表单验证不通过的样式,验证通过的样式方法相同,两个添加类的判断用逗号连接;
   (2) ng-if="saveForm.name.$invalid来添加错误提示信息;
   (3) ng-if="saveForm.name.$error.xxxx用来添加具体某一项非法状况提示;
   (4) ng-disabled="saveForm.$invalid"写在提交按钮中,只要表单有非法输入,则提交按钮不可以;
   (5)引用font-awesome再表单验证通过和不通过时添加√或者×:

                                             
 (6)自定义表单验证指令,用正则表达式实现如不能包含特殊字符,只是能是汉字等,但是没有成功,自定义的指令并没有起作用。
 

2. 添加富文本编辑器,用的百度的ueditor

3. 引入bootbox,美化弹框样式。

 

明天计划的事:。

1. 自定义表单验证指令

 

今天遇到的问题:

1. 按照Task5的方法引入富文本编辑器,但是没有显示,也没有报错,请教余良师兄,原因可能是把引入编辑器的script标签和实例化编辑的内容都放在html模板里了,把引入编辑器的script标签放在index主页里引入,实例化编辑的内容放到控制器里就行了。

2. AngularJS无法自动获取富文本编辑器的内容,不知道怎么将编辑器的内容实现双向绑定,网上找了一种方法,用factorydirective调用ueditor并且手动监听 contentChange事件来实现双向绑定,链接:
http://m.blog.csdn.net/article/details?id=47292637
用了这个方法是能调用ueditorl了,但是每次新打开网页或者刷新能才行,如果通过路由跳转的,就会出现下面的报错,搞不懂了:

 
3. 用芮明远在网上找到方法,引入了ueditor,也完成了双向绑定,参考链接:
http://www.open-open.com/lib/view/open1411391886875.html


收获:

1.简单的表单验证。
2.bootbox使用。
3.ueditor百度富文本编辑器。


成果展示:http://119.10.57.69:880/jnshu042/MYTASK.html

 
今天刚好换班级了,官网从班级找日报找不到了,从全部日报里把前几天的日报找出来了:
 http://www.jnshu.com/#/daily/8844

http://www.jnshu.com/#/daily/8797

http://www.jnshu.com/#/daily/8771



返回列表 返回列表
评论

    分享到