ngx-ui-switch icon indicating copy to clipboard operation
ngx-ui-switch copied to clipboard

Use of multiple switch elements gives duplicate id warning in console

Open ravtoleakshay opened this issue 3 years ago • 3 comments

<ui-switch [id]="module.id" [name]="module.id" [ngModel]="module.is_selected"> </ui-switch>

I am using above element in a loop, I am getting warning in console regarding duplicate id. As by default ui-switch element adds id with value 'enabled' and its static we cannot bind it.

I want a way to bind id attribute using [id]="module.id"

Thanks in advance !

ravtoleakshay avatar Jun 25 '21 04:06 ravtoleakshay

does attr.id work or do you need to bind it to an element inside of the switch?

cmckni3 avatar Feb 02 '22 03:02 cmckni3

does attr.id work or do you need to bind it to an element inside of the switch?

@ravtoleakshay Any update? Will close otherwise

cmckni3 avatar Aug 25 '22 21:08 cmckni3

@cmckni3 Facing same issue. this issue causes WCAG errors. [attr.id]="some-id" does not work.

pankajasswani avatar Sep 11 '22 07:09 pankajasswani