Track patterns.

src/Squidex/app/features/administration/pages/event-consumers/event-consumers-page.component.ts

@@ -95,8 +95,6 @@ export class EventConsumersPageComponent implements OnDestroy, OnInit {
     }
 }
 
-
-
 function start(es: EventConsumerDto) {
     return new EventConsumerDto(es.name, false, false, es.error, es.position);
 }

src/Squidex/app/features/settings/pages/patterns/patterns-page.component.html

@@ -11,7 +11,7 @@
                 No pattern created yet.
             </div>
             
-            <sqx-pattern *ngFor="let pattern of patterns" [pattern]="pattern"></sqx-pattern>
+            <sqx-pattern *ngFor="let pattern of patterns; trackBy: trackByPattern" [pattern]="pattern"></sqx-pattern>
             <sqx-pattern></sqx-pattern>
         </ng-container>
     </ng-container>

src/Squidex/app/features/settings/pages/patterns/patterns-page.component.ts

@@ -7,7 +7,11 @@
 
 import { Component, OnInit } from '@angular/core';
 
-import { AppsState, PatternsState } from '@app/shared';
+import {
+    AppPatternDto,
+    AppsState,
+    PatternsState
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-patterns-page',
@@ -24,4 +28,8 @@ export class PatternsPageComponent implements OnInit {
     public ngOnInit() {
         this.patternsState.load().onErrorResumeNext().subscribe();
     }
+
+    public trackByPattern(index: number, pattern: AppPatternDto) {
+        return pattern.id;
+    }
 }