登录界面的Component选择器：cx-update-profile找到对应的Component名称：UpdateProfileComponent：component只有一个FormGroup实例。什么时候赋值给服务形式？复制到服务类中，而不是使用表单生成器，手动创建FormGroup实例。FormGroup构造函数接收一个JSON对象作为参数，键是绑定到HTML的控件的名称，值是这些控件的初始值。这个表单组由patchValue赋值：testurl:http://localhost:4299/electro...通过formControlName指令将HTML中的inputElement与Component中的FormControl实例进行绑定。在这个服务器类中还有这样一个用法：protecteduser$=this.userProfile.get().pipe(filter((user):userisUser=>Boolean(user)));这是一个类型保护功能，请参阅此链接。看下面的例子：functionisString(test:any):testisstring{returntypeoftest==="string";}functionexample(foo:any){if(isString(foo)){console.log("它是一个字符串"+foo);控制台日志（foo.length）；//字符串函数}}example("helloworld");如果调用isString，如果函数返回true，则证明输入参数test确实是String类型，此时TypeScript编译器会认为在isString保护的IF代码块中，变量foo的类型一定是string，所以你可以直接使用foo.length来访问这个字符串变量的length属性。Setvalue和Patchvalue是来自AngularFormgroup的方法。它们都在表单组中设置控件的值。明显的区别是setvalue不能排除某些控件，而patchvalue可以做到这一点。所以，假设我们有一个带有2个控件的表单组：姓名和年龄。如果我们想设置一个控件的值，这是行不通的，所以我们必须设置两个控件的值：formgroup.setValue({name:'Mocrosoft',age:'25'});如果一个formgroup包含有相当数量的表单控件实例，使用setValue需要枚举这些实例的所有值作为setValue的输入参数。
