发表于: 2016-10-13 22:56:56
1 1591
今天完成的事:
1. 自定义表单验证指令终于成功了;
2. angular-strap插件添加时间,不用自己来进行时间和时间戳的转换了,angularJS的内置过滤器轻松搞定{{student.joinTime | date:'yyyy-MM-dd'}}
3. 修改路由里查看学员信息,修改学员信息的url,把学员对应的id也传进url。路由里设置url:'/detail/:id',跳转的时候$state.go('detail',{id:student.id})把id传进url, 再通过var id = $state.params.id;来获取url里的id。
4. ng-pattern配合正则表达式进行验证,学员姓名只能输入汉字;QQ号只能是数字,虽然这个设置type=number也行,但是这样input尾部有上下加减的图标,不好看。
明天计划的事:。
1. 学习JS和JQ基础,修改前面的任务的代码。
今天遇到的问题:
1. 发现自定义指令一个小坑,命名的指令如果都是小写字母的话,在html里直接把指令名字复制过来没问题;如果指令名字里有大写字母,可得小心了,不能直接复制过来了,比如指令名maxMinDirective,在html里最好手动输入,因为如果指令成功引入了,编辑器会自动补全的,这个指令在html里的正确写法是max-min-directive,大写全部变小写,而且前面加个“—”,掉在这个坑里两天;
2. 用ng-pattern匹配正则表达式时,要先在控制器里定义$scope.regName = '^[\\u4e00-\\u9fa5]{0,}$';然后在input里加ng-pattern="regName",如果直接把ng-pattern = /^[\\u4e00-\\u9fa5]{0,}$/貌似不行。
3. 添加日期选择器之后,一点开,样式乱的,原因是我的CSS样式图省事,有几个样式没写在类里或者id里,用标签直接来了,导致选择器里面的样式被覆盖,是时候复习一下代码规范了。
收获:以上。
https://github.com/whoissj/JS-TASK
评论