在angular中提交表单后，另一个页面中的成功消息

<form (ngSubmit)="onSubmit()">
  <!-- 表单控件 -->
  <!-- ... -->
  <button type="submit">提交</button>
</form>

import { Component } from '@angular/core';

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent {
  onSubmit() {
    // 处理表单提交逻辑
    // 发送表单数据到服务器
    // 执行其他操作
  }
}

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent {
  constructor(private router: Router) {}

  onSubmit() {
    // 处理表单提交逻辑
    // 发送表单数据到服务器
    // 执行其他操作

    // 导航到另一个页面，并传递成功消息
    this.router.navigate(['/success'], { state: { message: '提交成功！' } });
  }
}

import { Component } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-success',
  templateUrl: './success.component.html',
  styleUrls: ['./success.component.css']
})
export class SuccessComponent {
  message: string;

  constructor(private route: ActivatedRoute) {
    this.message = this.route.snapshot.state.message;
  }
}

<p>{{ message }}</p>