Angular2和Bootstrap:如何在表单提交上激活(提交)事件以及关闭模式？

<form (ngSubmit)="onSubmit()">
  <!-- 表单内容 -->
  <button type="submit">提交</button>
</form>

onSubmit() {
  // 处理表单提交逻辑
}

<div class="modal">
  <!-- 模态框内容 -->
  <button type="button" class="close" data-dismiss="modal">&times;</button>
</div>

import { ElementRef, ViewChild } from '@angular/core';

@Component({
  // 组件配置
})
export class YourComponent {
  @ViewChild('closeButton') closeButton: ElementRef;

  closeModel() {
    this.closeButton.nativeElement.click(); // 触发关闭按钮的点击事件
  }
}

<div class="modal">
  <!-- 模态框内容 -->
  <button #closeButton type="button" class="close" data-dismiss="modal">&times;</button>
</div>

onSubmit() {
  // 处理表单提交逻辑
  this.closeModel(); // 关闭模态框
}