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?

adding for test requirement for get the id. if I remove `{{i}}` - works fine — 3gwebtrain, Nov 09 '19 at 04:26
Can you please share how you define the testid and how you calling it? — Thilina Koggalage, Nov 09 '19 at 04:27
https://testing-library.com/docs/dom-testing-library/api-queries#overriding-data-testid, please visit here. I use the testing-library — 3gwebtrain, Nov 09 '19 at 04:30

score 17 · Accepted Answer · answered Nov 09 '19 at 05:01

17

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.

answered Nov 09 '19 at 05:01

Rise

1 Answers1