自定义 AngularJS 指令 Angular 指令主要是对 html 的封装复用扩展。封装复用的一个很典型的场景就是多页面相同的底部，我们完全可以设定指令 template 属性内部嵌入代码模版，然后在每个页面中调用。类似后端语言中的 include 方法。更多时候可复用的 html 代码块作为一个模版视图，然后用 ng-include 或者是 templateUrl 来动态加载，这已经不局限于指令本身了。相比内部嵌入的方式，动态加载模板视图至少会多一次请求。

自定义 AngularJS 表单验证方式 AngularJS 做输入验证很方便，多数情况下只有当用户改变输入表单值时才进行输入验证。但我们的新需求是不仅改变时进行验证，而且在失去焦点时也要验证。一旦表单项验证不通过，将会在表单项四围显示红色错误边框，并且在其下方还会显示红色错误文字，甚至连表单项对应的标签也会显示成红色。想一想怎样来实现。

AngularJS表单的错误处理 我们已经讲解能在在表单层面检验的多种类型验证，但个别字段呢？在前面的示例中，我们确保输入字段都是必填字段，username 的最小长度是 4 个。我们还能做什么？表 4-2 包含了 AngularJS 的一些内置验证。

AngularJS 表单验证及状态 我们已经知道如何创建表单，并激活（使用）数据绑定来实现数据和用户界面的输入输出。现在让我们看看在处理表单尤其验证各种状态的表单和输入时，AngularJS 怎样还能让我们受益：

使用 AngulaerJS 表单 当我们在 AngularJS 中处理表单，大量使用 ng-model 指令让数据输入输出到表单。除了数据绑定，也推荐用这种方式设计模型和绑定来简化代码。让我们看一个例子：