首页 > 解决方案 > 导航到其他模式时如何保持模式的输入值?

问题描述

基本上我有一个模式,用户可以在其中输入问题(这还没有保存到数据库中)。如果用户输入问题名称并单击创建问题,它将导航到下一个模式以保存问题。

第二个模态将从模态 1 输入问题。当我从模态 2 单击取消时,它将返回到模态 1,并且不会删除作为问题名称的输入问题。

我想要的是,当我向后导航时,输入不会从模态 1 中删除。

即使我导航到另一个模态,我如何保留来自模态的输入?谢谢你。

用户输入问题

模态1

这是第二个模态

模态2

模态 1 中的 HTML

<input matInput
              #questionSearch 
              [ngClass]="!hasSelectedQuestion() ? '' : 'hidden'"
              [matAutocomplete]="auto"
              [matChipInputFor]="chipList"
              formControlName="question"
              required
              class="full-width"
            />

单击模态 2 按钮取消时的脚本

cancel(): void {
    this.data$.next(null);
    this.dialogRef.close();
  }

标签: javascripthtmlangulartypescript

解决方案


创建可以帮助保存临时数据的服务。


推荐阅读