今天完成的事情：

使用了ng-messages完成新增/编辑页面的表单验证，学习了一些新的angular指令：ng-messages、ng-style、ng-pattern。

明天计划的事情：

准备小课堂《常见的排序方法有哪些？》，有空就把新增/编辑的提交数据做一下。

遇到的问题：

进度条的实现可以用ng-style动态修改样式，

语法<element ng-style="expression"></element>

如：ng-style="{ 'width': item.progress + '%' }

收获：

学习了ng-messages的用法：

先引入angular-messages.js然后注入依赖angular.module(‘app‘,[‘ngMessages‘])

<input type="text"

      name="title"

      ng-model="articleTitle"

      ng-minlength="5"

      ng-maxlength="20"

      required

      >

      <span ng-messages="articleForm.title.$error" ng-if="articleForm.title.$touched">

           <span ng-message="minlength">标题最小长度为5</span>

           <span ng-message="maxlength">标题最大长度为20</span>

           <span ng-message="required">请填写标题!</span>

      </span>

ng-pattern：确保输入匹配一个正则表达式

如<input type="text" ng-model="user.name" ng-pattern="/a-zA-Z/" />

ng-pattern后面也可以是一个表达式。