Use custom attributes for input on Ionic 2

Question

I'm trying to use custom attributes on inputs and divs. When I put static data like this:

<input type="hidden" class="test" value="0" custom-data='12345' />

The code works fine. But when I use data from a loop for example:

<input type="hidden" class="test" value="0" custom-data='{{ data.id }}' />

I get this error:

Unhandled Promise rejection: Template parse errors:
Can't bind to 'custom-data' since it isn't a known property of 'input'.

<input type="hidden" class="test" value="0" [ERROR ->]custom-data='{{ data.id }}' />

DRiFTy · Accepted Answer · 2017-03-28 18:27:48Z

3

You should always use the bracket notation when setting inputs to an expression:

<input type="hidden" class="test" value="0" [custom-data]="data.id" />

answered Mar 28, 2017 at 18:27

DRiFTy

11.4k11 gold badges63 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Neeraj Walia Over a year ago

how to get this custom data in .ts file and alert it (click)="test()"

Sachila Ranawaka · Accepted Answer · 2017-03-28 18:26:54Z

0

remove the curly brackets and add the value

<input type="hidden" class="test" value="0" custom-data='data.id ' />

since custom-data is a directive no need to use the curly brackets when you are binding values to directive attributes

answered Mar 28, 2017 at 18:26

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Collectives™ on Stack Overflow

Use custom attributes for input on Ionic 2

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related