dialog 实现嵌套新增弹窗

在对话系统设计中，实现嵌套新增弹窗通常涉及到用户交互流程的设计。当用户在一个窗口或对话界面操作时，如果需要显示另一个相关的辅助信息或功能选项，可以采用弹窗的形式。这里是一个简单的例子：

1. **触发条件**：首先，当用户在主对话界面点击某个按钮或者满足特定条件时，会触发弹出新窗口的操作。

2. **创建弹窗**：你可以使用模态对话框（Modal Dialog），这是一种半透明的窗口，会遮盖住主界面，让用户专注于新的内容。这种设计可以用HTML、CSS和JavaScript库（如Bootstrap、Ant Design等）来实现。

<button (click)="showNestedDialog()">点击弹出新窗口</button>

<!-- 使用Angular Material模态组件示例 -->
<mat-dialog #nestedDialog>
  <mat-dialog-content>
    <!-- 新窗口的内容 -->
  </mat-dialog-content>
  <mat-dialog-actions>
    <button mat-button (click)="nestedDialog.close()">关闭</button>
  </mat-dialog-actions>
</mat-dialog>

3. **事件处理与控制**：在JavaScript或TypeScript中，通过`showNestedDialog`方法打开弹窗，并监听弹窗的关闭事件。当用户完成新窗口的交互并选择关闭时，调用`close()`方法将其关闭。

4. **数据传递**：如果需要，可以在打开弹窗时传入数据，或者在弹窗内部提供输入框让用户体验填写，然后将结果返回给主对话。