Error While Passing Data to Custom Attribute in Angular5

Question

Hi I Want to add JSON data to the Custom HTML Attribute. I Tried Below Format but it Throws Error Element not a Attribute Property of LI.

Here is the screenshot i want to pass data.

please help me to solve the issue.

Possible duplicate of [Angular 2 data attributes](https://stackoverflow.com/questions/34542619/angular-2-data-attributes) — Imran, Jan 06 '18 at 13:54

Laker · Accepted Answer · 2018-01-06T13:50:26.913

2

<li [attr.data-thumb]="link + imtest.file">

Next time please paste code.

edited Jan 06 '18 at 13:50

answered Jan 06 '18 at 13:41

Laker

it is not linked with any attribute – Santoshraju V Jan 08 '18 at 04:06
it is an external attribute not defined in application it is custom attribute – Santoshraju V Jan 08 '18 at 04:20
That's why you need to add the `attr.` part – Laker Jan 08 '18 at 21:20

score 1 · Answer 2 · answered Jan 09 '18 at 09:44

1

Try this code

<li [attr.data-thumb]="link+imtest.file">
    <img [src]="link+imtest.file" class="testing">
</li>

answered Jan 09 '18 at 09:44

Vel

score 0 · Answer 3 · answered Jan 06 '18 at 13:40

0

Use attribute binding syntax instead

[attr.data-thumb]

answered Jan 06 '18 at 13:40

Imran

3 Answers3