How can I write data attributes using Angular?

by

Use attribute binding syntax instead

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

or

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

See also :

More Related Contents:

  1. Angular HTML binding
  2. angular2: Error: TypeError: Cannot read property ‘…’ of undefined
  3. Angular2: Cannot read property ‘name’ of undefined
  4. NgFor doesn’t update data with Pipe in Angular2
  5. Angular2 multiple router-outlet in the same template
  6. OrderBy pipe issue
  7. Angular 2 Scroll to top on Route Change
  8. Can’t bind to ‘ngForOf’ since it isn’t a known property of ‘tr’ (final release)
  9. How to instantiate and apply directives programmatically?
  10. Angular 2 Read More Directive
  11. Angular2: How is ngfor expanded
  12. How to add “class” to host element?
  13. vs
  14. Angular2 – Interpolate string with html
  15. Angular 2 Dynamically insert a component into a specific DOM node without using ViewContainerRef
  16. Angular 2 input parameters on root directive [duplicate]
  17. What is let-* in Angular 2 templates?
  18. How to truncate text in Angular2?
  19. Angular 2: How to write a for loop, not a foreach loop
  20. How to detect scroll to bottom of html element
  21. How to check the length of an Observable array
  22. How can I use ngFor to iterate over Typescript Enum as an array of strings
  23. Angular 2 disable sanitize
  24. Why angular 2 ngOnChanges not responding to input array push
  25. Angular HTTP GET with TypeScript error http.get(…).map is not a function in [null]
  26. How can I use “*ngIf else”?
  27. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  28. Default and specific request timeout
  29. Router Navigate does not call ngOnInit when same page
  30. Syntax Error in Angular App: Unexpected token

Leave a Comment