angular表单经验分享

大纲

1、表单的名字不可以和传入的值的名字相同
2、在模板驱动表单的时候要使用angular表单的验证功能，需要将ngModel绑定到模板变量，通过模板变量来判断调用验证器
3、模板驱动表单如何绑定radio单选按钮
4、模板驱动表单如何绑定checkbox多选按钮
5、模板驱动表单如何绑定select单选
6、代码素材

1、表单的名字不可以和传入的值的名字相同

2、在模板驱动表单的时候要使用angular表单的验证功能，需要将ngModel绑定到模板变量，通过模板变量来判断调用验证器

    名字：
    
    

        

            Name is required.
        
        

            Name must be at least 4 characters long.
        
    

3、模板驱动表单如何绑定radio单选按钮

    性别
    男：
    
    女：
    

4、模板驱动表单如何绑定checkbox多选按钮

    名词
    语文：
    
    英语：
    
    数学：
    
    跑步：
    
    走路：
    

5、模板驱动表单如何绑定select单选

    天气
    
        晴天
        雨天
        阴天
        多云
        大风
    

6、代码素材

angular代码实例中的angular-form中讲述了一些angular的form的使用，里面不仅有模板驱动型表单不同类型字段的绑定还有包括响应式表单不同字段的绑定方式，希望能给读者提供到帮助。