在Angular中，响应式表单是一种更强大和灵活的方式来处理表单数据。与模板驱动表单不同，响应式表单的值是通过创建FormControl、FormGroup和FormArray实例来跟踪和更新的。

当我们说响应式表单是不可变的时，意味着我们不能直接修改表单的值。相反，我们需要使用FormGroup和FormControl提供的方法来操作表单数据。

下面是一个示例，演示了如何创建一个简单的响应式表单，并使用不可变的方式来修改表单值。

首先，我们需要导入所需的Angular表单模块和相关的类：

import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

然后，在组件类中创建一个响应式表单：

@Component({
  selector: 'app-my-form',
  template: `
    

      
        Name:
        
      
    
    Update Name
  `,
})
export class MyFormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl('John'),
    });
  }

  updateName() {
    // 创建一个新的FormGroup，以替换现有的表单值
    const updatedForm = new FormGroup({
      name: new FormControl('Jane'),
    });

    // 使用patchValue或setValue方法更新表单值
    this.myForm.patchValue(updatedForm.value);
  }
}

在上面的示例中，我们创建了一个名为myForm的FormGroup，其中包含一个名为name的FormControl。在updateName方法中，我们创建了一个新的FormGroup，并将其值设置为新的名字。然后，我们使用patchValue方法将新的表单值应用到现有的表单中。

通过这种方式，我们可以在响应式表单中以不可变的方式更新表单值。

请注意，我们还可以使用setValue方法来完全替换表单的值，而不仅仅是更新特定的字段。

希望这个示例对你有所帮助！