How can I write data attributes using Angular?

by

I feel like I am missing something. When I try to use a data attribute in my template, like this:

<ol class="viewer-nav">
    <li *ngFor="#section of sections" data-sectionvalue="{{ section.value }}">
        {{ section.text }}
    </li>
</ol>

Angular 2 crashes with:

EXCEPTION: Template parse errors: Can’t bind to ‘sectionvalue’ since
it isn’t a known native property (“

]data-sectionvalue=”{{ section.value }}”>{{ section.text }}

I’m obviously missing something with the syntax, please help.

2 Answers
2

Leave a Comment