ngFor - Can't bind to 'testid' since it isn't a known property of 'input'. how to concat id with string?

Question

I am trying to add the index value with my ids. but getting an error as:

Can't bind to 'testid' since it isn't a known property of 'input'.

here is my template:

<td *ngFor="let col of columns; let i = index"  [ngClass]="col.class" data-testid="form-create-td-{{i}}">

what is wrong with my code? any one help me?

Chicky

what is testid? – Attalie

adding for test requirement for get the id. if I remove {{i}} - works fine – Chicky

Can you please share how you define the testid and how you calling it? – Fifine

testing-library.com/docs/dom-testing-library/…, please visit here. I use the testing-library – Chicky

Answer 1

I think you will need property binding. So please try to replace below testid data property.

<td ... [attr.data-testid]="'form-create-td-' + i">

For concatenation id property with string, you are doing right thing.

Egide