Angular2 table rows as component

by

use existing table elements as selector

The table element doesn’t allow <table-line> elements as children and the browser just removes them when it finds them. You can wrap it in a component and still use the allowed <tr> tag. Just use "tr" as selector.

using <template>

<template> should be allowed as well but doesn’t yet work in all browsers. Angular2 actually never adds a <template> element to the DOM, but only processes them internally, therefore this can be used in all browsers with Angular2 as well.

Attribute selectors

Another way is to use attribute selectors

@Component({
  selector: '[my-tr]',
  ...
})

to be used like

<tr my-tr>

More Related Contents:

  1. Angular 2 – Execute code when closing window
  2. Angular-CLI proxy to backend doesn’t work
  3. How to load component dynamically using component name in angular2?
  4. What’s the difference between –base-href and –deploy-url parameters of angular-cli tool
  5. How to iterate object keys using *ngFor?
  6. What are the practical differences between template-driven and reactive forms?
  7. Get Value From Select Option in Angular 4
  8. How to undo Angular 2 Cli ng-eject?
  9. Angular2 How to navigate to certain section of the page identified with an id attribute
  10. CORS issue with Google Oauth2 for server side webapps
  11. How to smooth scroll to page anchor in angular 4 without plugins properly?
  12. How to make CORS-enabled HTTP requests in Angular 2?
  13. Angular – res.json() is not a function
  14. inject() must be called from an injection context
  15. Angular firebase email verification false after verify
  16. Property ‘of’ does not exist on type ‘typeof Observable [duplicate]
  17. Error: Unexpected value ‘undefined’ imported by the module
  18. How to enable production mode?
  19. Angular2 router (@angular/router), how to set default route?
  20. origin ‘http://localhost:4200’ has been blocked by CORS policy in Angular7
  21. How to correctly import operators from the `rxjs` package
  22. Class is using Angular features but is not decorated. Please add an explicit Angular decorator
  23. How to validate white spaces/empty spaces? [Angular 2]
  24. Style html,body from web component (Angular 2)
  25. Angular Mat Select Multiple selectionchange finding which option was changed
  26. Call a function every 10 seconds Angular2
  27. Angular 4: “Cannot find name ‘require’
  28. How to send 1000 XHTTP Requests with maximum number of parallel requests
  29. `[(ngModel)]` vs `[(value)]`
  30. Angular Material2 theming – how to set app background?

Leave a Comment