时间戳

首页 > 解决方案 > 如何避免 mat-tab 延迟加载以重置控件/组件

angular - 如何避免 mat-tab 延迟加载以重置控件/组件

问题描述

我使用单个选项卡延迟加载具有某些控件的内容，这些控件依赖或需要初始化，例如我们的 3rd 方编辑器（例如 TinyMCE）。

我设法集成了控件，但是每当我们导航到另一个选项卡时，我都会遇到这个问题，控件会不断重置（现在在这种情况下，TinyMCE 编辑器包装在另一个组件中）。

编辑器-wrapper.component.html

<p>
    <editor [formControl]="editor_control"></editor>
</p>

编辑器包装器.component.ts

editor_control: FormControl;

constructor() {
  this.editor_control = new FormControl('Editor text... sample..');
  console.log('foo foo');
}

console.log('foo foo');并且在导航回堡垒时似乎继续打印，这意味着editor-wrapper.component正在重置/重新初始化。

我们怎样才能避免这种情况？没有选项只能在用户导航一次或第一次时延迟加载选项卡？

请查看此演示

更新

输入文本是通过使用[(ngModel)]基于@Arash 注释来解决的。

标签： angularangular-materialmat-tab

解决方案

您可以尝试[(ngModel)]="input_str"标签延迟加载。

推荐阅读