• Angular Reactive Form


    setValue

    使用setValue,可以通过传递其属性与FormGroup后面的表单模型完全匹配的数据对象来一次分配每个表单控件值。

    在分配任何表单控件值之前,setValue方法会彻底检查数据对象。

    它不会接受与FormGroup结构不匹配的数据对象,或者缺少组中任何控件的值。 这样,如果您有打字错误或嵌套控件错误,它可以返回有用的错误消息。 patchValue将默认失败。

    另一方面,setValue将捕获错误并清楚地报告错误。

    请注意,很多数据模型(data model)可以直接作为setValue的参数,只要它们的形状类似于组件的FormGroup结构。

    patchValue

    使用patchValue,您可以通过提供一个键/值对的对象来为仅感兴趣的控件分配值到FormGroup中的特定控件。

    使用patchValue,您可以更灵活地应对大量不同的数据和表单模型。 但是与setValue不同,patchValue无法检查缺少的控件值,并且不会引起有用的错误。

    何时设置form模型的值(ngOnChanges)

    ////@Input() connection: Connection
    //implements  OnChanges
    ngOnChanges() {
            if (this.validateForm) {
                this.validateForm.patchValue({
                    connection: {
                        name: this.connection.name,
                        connectionType: this.connection.connectionType
                    },
                    options: this.connection.options,
                    description: this.connection.description,
                    properties: this.connection.options.properties
                });
                this.validateForm.valueChanges.subscribe((data) => {
                    console.log('Form changes', data);
                });
            }
        }
    链接:http://www.jianshu.com/p/3c97d908af47
  • 相关阅读:
    Eclipse 如何安装反编译插件
    java下执行mongodb
    如何利用Xshell在Linux下安装jdk
    asp.net signalR
    手机抓包 fiddler magicwifi
    NServiceBus 消息
    .net 异步函数 Async await
    .net 任务(Task)
    .net 线程基础 ThreadPool 线程池
    .net 序列化反序列化
  • 原文地址:https://www.cnblogs.com/xuepei/p/7989089.html
Copyright © 2020-2023  润新知