角度 - 在模态窗口中慢慢输入

Question

我有带文本输入的模态窗口，当我输入这个文本输入时，它很慢。此文本输入没有任何事件（仅限ngModel）。这是来自chrome profiler的图片：

我不知道哪里可能有问题。如果需要我可以给你看一些代码。

Answer 1

我发现了我的问题。它不是在模态窗口，问题是不纯的管道。我的代码是这样的：

<input type="text" ngModel="message.text">
<div *ngFor="let m in messages">
  {{m.text}} - {{m.date|my-format}}
</div>

<强> MyFormat.Pipe.ts：

@Pipe({ name: 'my-format', pure: false })
export class SafePipe implements PipeTransform {}

在messages数组中有很多记录，当我输入文本框时，管道再次运行所有记录。

<强>解决方案

@Pipe({ name: 'my-format', pure: true})
export class SafePipe implements PipeTransform {}