fix(switcher): add random id to prevent id collide (#596)

allianz · May 24, 2022 · 178b782 · 178b782
1 parent 4a9a555
commit 178b782
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/projects/ng-aquila/src/switcher/switcher.component.ts b/projects/ng-aquila/src/switcher/switcher.component.ts
@@ -16,7 +16,7 @@ import {
     ViewChild,
 } from '@angular/core';
 import { ControlValueAccessor, FormControl, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
-import { ErrorStateMatcher } from '@aposin/ng-aquila/utils';
+import { ErrorStateMatcher, randomString } from '@aposin/ng-aquila/utils';
 
 let nextId = 0;
 /** Options for placement of the label */
@@ -45,7 +45,7 @@ export type LABEL_SIZE = 'small' | 'large';
     },
 })
 export class NxSwitcherComponent implements ControlValueAccessor, DoCheck, AfterViewInit, OnDestroy {
-    private _id = `nx-switcher-${nextId++}`;
+    private _id = `nx-switcher-${nextId++}-${randomString()}`;
     /** @docs-private */
     errorState = false;
 

diff --git a/projects/ng-aquila/src/utils/utils.ts b/projects/ng-aquila/src/utils/utils.ts
@@ -113,6 +113,10 @@ export function clamp(value: number, min = 0, max = 1) {
     return Math.max(min, Math.min(max, value));
 }
 
+export function randomString() {
+    return Math.random().toString(36);
+}
+
 /** Provider that defines when form controls have an error. */
 @Injectable({ providedIn: 'root' })
 export class ErrorStateMatcher {