How to create a dynamic table in angular2?

by

You can use built-in directive *ngFor in angular2.0.

 <table>
    <tr *ngFor="let x of names">
          <td>{{ x.Name }}</td>
          <td>{{ x.Country }}</td>
    </tr>
</table>

More Related Contents:

  1. Iterate over object in Angular [duplicate]
  2. The Angular Compiler requires TypeScript >=3.4.0 and
  3. Angular2 nested template driven form
  4. How to add debounce time to an async validator in angular 2?
  5. caching results with angular2 http service [duplicate]
  6. How to instantiate and apply directives programmatically?
  7. How to share data/change between components
  8. How can get HttpClient Status Code in Angular 4
  9. Angular 4 – Update Meta tags dynamically for Facebook (Open graph)
  10. How to access a constant in an Angular 2 component and service?
  11. Is there a type for “Class” in Typescript? And does “any” include it?
  12. @firebase/firestore: Firestore (5.0.4): Could not reach Cloud Firestore backend. Backend didn’t respond within 10 seconds
  13. Is Angular 2’s Router broken when using HTML5 routes? [duplicate]
  14. How to extend / inherit components?
  15. How do I navigate to a parent route from a child route?
  16. Set base url for angular 2 http requests
  17. Detect changes in objects inside array in Angular2
  18. Angular2 – Interpolate string with html
  19. Angular 6 – Could not find module “@angular-devkit/build-angular”
  20. What are all the valid selectors for ViewChild and ContentChild?
  21. Lazy Loading BrowserModule has already been loaded
  22. No methods in http response object
  23. Redirect to a different component inside @CanActivate in Angular2
  24. How to import component into another root component in Angular 2
  25. ERROR in TypeError: Cannot read property ‘flags’ of undefined
  26. Class is using Angular features but is not decorated. Please add an explicit Angular decorator
  27. Angular 4 Material table highlight a row
  28. Angular Mat Select Multiple selectionchange finding which option was changed
  29. Angular 4: “Cannot find name ‘require’
  30. Angular2 Error: There is no directive with “exportAs” set to “ngForm”

Leave a Comment