AngularJS basic knowledge note table, basic angularjs knowledge

AngularJS basic knowledge note table, basic angularjs knowledge

Table data is usually duplicated in nature. The ng-repeat command can be used to easily draw tables. The following example shows how to use the ng-repeat command to draw a table.

<table>  <tr>   <th>Name</th>   <th>Marks</th>  </tr>  <tr ng-repeat="subject in student.subjects">   <td>{{ subject.name }}</td>   <td>{{ subject.marks }}</td>  </tr></table>

You can use the CSS style to set the style of a table as follows:

<style>table, th , td {  border: 1px solid grey;  border-collapse: collapse;  padding: 5px;}table tr:nth-child(odd) {  background-color: #f2f2f2;}table tr:nth-child(even) {  background-color: #ffffff;}</style>

Example
The following example shows all the preceding commands.

TestAngularJS.html

The above is all the content of this article. I hope you will like it.