angular之formgroup( 二 )


reset()
将所有后代标记为和,并将所有后代的值设置为默认值,如果没有提供默认值,则为 null
的聚合值,包括任何禁用的控件
这里举几个例子说明下,用法基本差不多
1
html的写法
TS的写法
这里梳理下思路:在界面上定义了一组表单,其中年龄这个控件,在初始化时,对其数据进行了监控 。那么我们用对部分数据
进行修改时,可以设置属性 。当为true时,则在数值改变时,会触发这个订阅,即会进入到的回调中 。如果设置为false,则不会进入 。
这里把其父类的方法也总结下:
方法说明
()
设置此控件上处于活动状态的同步验证器 。调用此方法会覆盖任何现有的同步验证器
()
设置此控件上处于活动状态的异步验证器 。调用此方法会覆盖任何现有的异步验证器 。
()
向此控件添加一个或多个同步验证器,而不影响其他验证器 。
()
向此控件添加一个或多个异步验证器,而不影响其他验证器 。在运行时添加或删除验证器时,你必须调用 ty() 以使新验证生效 。添加已存在的验证器将没有任何效果 。
()
从此控件中删除同步验证器,而不影响其他验证器 。
s()
从此控件中删除异步验证器,而不影响其他验证器 。
()
检查此控件上是否存在同步验证器函数 。
()
检查此控件上是否存在异步验证器函数 。
()
清空同步验证器列表 。
()
清空异步验证器列表 。
()
将控件标记为。不更改值的焦点和模糊事件会触及控件 。
()
将控件及其所有后代控件标记为。
()
将控件标记为
()
将控件标记为 dirty。当通过 UI 更改控件的值时,控件会变脏;
()
将控件标记为。
()
将控件标记为。
()
禁用控件 。这意味着此控件免于验证检查,并从任何父级的聚合值中排除 。
()

()
设置控件的父级
()
设置控件的值 。抽象方法(在子类中实现)
()
修补控件的值 。抽象方法(在子类中实现) 。
reset()
重置控件 。抽象方法(在子类中实现) 。
()
此控件的原始值 。对于大多数控件实现,原始值将包括禁用的子项 。
ty()
重新计算控件的值和验证状态 。
()
手动而不是自动运行验证时,在表单控件上设置错误 。
get()
()
报告具有给定路径的控件的错误数据 。
()
报告具有给定路径的控件是否具有指定的错误 。
推论
关于表单验证,一套完整的复杂的表单验证,其实有很多需要注意的 。这里我列举一个在企业中,实际产生的操作 。
需求:
我们给一个学校做一个操作系统,其中有一个需求,就是根据班级,筛选出其中的班级总人数,男女人数 。这个学校的10班是个特殊班级,只有女生 。
我们的弹出框:
功能描述:
1 点击添加时,弹出添加弹窗 。均可编辑
2 勾选时,弹出编辑弹窗,当选择10班时,隐藏男生条目 。并且女生条目不可编辑 。
这里稍微用ng-zorro-antd框架美化一下
代码:
这里分两种思维方式去写代码
第一种:
html

班级总人数男生人数女生人数操作{{ data.class }}{{ data.total }}{{ data.man }}{{ data.woman }}