role elements id fix

ORCID · May 1, 2024 · 0dff2bf · 0dff2bf
1 parent 3283d8c
commit 0dff2bf
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/ui/src/app/home/contact/contact-update.component.html b/ui/src/app/home/contact/contact-update.component.html
@@ -134,8 +134,8 @@ <h3 class="mb-16 mr-8">Roles <span class="font-size-12 font-weight-normal">(Requ
         <div formArrayName="roles" class="border-0 mb-32">
           <div *ngFor="let myOption of roles.controls; let i = index">
             <div formGroupName="{{ i }}">
-              <input [id]="myOption.get('name')" type="checkbox" class="role-checkbox" />
-              <label [for]="myOption.get('name')" class="font-size-14 font-weight-normal mb-16"> {{ myOption.get('name')?.value }} </label>
+              <input [id]="myOption.get('name')?.value + '-id'" type="checkbox" class="role-checkbox" />
+              <label [for]="myOption.get('name')?.value + '-id'" class="font-size-14 font-weight-normal mb-16"> {{ myOption.get('name')?.value }} </label>
             </div>
           </div>
         </div>