创建高级表单



1、为达到分离效果，AngularJS利用form和input指令来验证指令和控制器，以增强HTML表单效果。

2、ngModel指令

（1）当为输入指令绑定值得时候，则使用ngModel，且数据绑定是双向的

3、所有基本输入指令都支持required（ngRequired）属性。为输入元素添加这一属性，ngModel的值不能是null、undefined或“”（空字符串）。

4、使用基于文本的输入（text、textarea、e-mail、URL、number），指定文本的最小和最大长度，以及指定文本必须匹配的正则表达式（ngMinLength、ngMaxLength、ngPattern）

5、Checkbox输入：checkbox输入表示布尔输入，user.role模型会根据checkbox是否被勾选选择包含admin还是包含basic。

6、Radio输入：标准的HTML value属性就用于指定当radio呗选中时赋予模型字段的值

7、Select输入：创建下拉列表，AngularJS可以为下拉列表中的条目指定静态的options，或者指定作用域上的数组。

8、利用ngOptions指令提供动态options

（1）ngOptions的典型示例：使用数组数据源、使用对象数据源

（2）理解dataSource表达式：如果数据源是数组，那么arrayExpression会用于此数组。这个指令会迭代数组中的每一个条目，同时将数组中的当前条目赋值个value变量；如果数据源是对象，那么objectExpression会用于此对象。

（3）理解optionBinding表达式：通用语法：value as label group by grouping