title: How can I write data attributes using Angular?
body: <p>I feel like I am missing something. When I try to use a <code>data</code> <code>attribute</code> in my <code>template</code>, like this:</p>
  <pre><code>&lt;ol class=&quot;viewer-nav&quot;&gt;
      &lt;li *ngFor=&quot;#section of sections&quot; data-sectionvalue=&quot;{{ section.value }}&quot;&gt;
          {{ section.text }}
      &lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  <p><code>Angular 2</code> crashes with:</p>
  <blockquote>
  <p>EXCEPTION: Template parse errors: Can't bind to 'sectionvalue' since
  it isn't a known native property (&quot;</p>
  ]data-sectionvalue="{{ section.value }}">{{ section.text }}</li>
  </blockquote>
  <p>I'm obviously missing something with the syntax, please help.</p>