AngularJS consists of various types of pre-defined Directives. Most of the directives start with ng where ng is equivalent to Angular.
ng-repeat:
The ng-repeat directive is used to iterate over an object for its properties. A template is instantiated once an item from a collection. Every template has its own scope where the loop variable is set to the current collection item and $index is set to a key or the index of the item.
Syntax
<element ng-repeat="(key, value) in Obj"></element> |
where key and value can be used as a user-defined identifier in an expression.
Example:- This example shows the usage of the ng-repeat directive.
<!DOCTYPE html> <html> <script src= </script> <body ng-app="myTable"> <h2 style = "color:green">GeeksForGeeks</h2> <table ng-controller="control" border="2"> <tr ng-repeat="x in records"> <td>{{x.Country}}</td> <td>{{x.Capital}}</td> </tr> </table> <script> var app = angular.module("myTable", []); app.controller("control", function($scope) { $scope.records = [ { "Country" : "India", "Capital" : "Delhi" }, { "Country" : "America ", "Capital" : "Washington, D.C. " }, { "Country" : "Germany", "Capital" : "Berlin" }, { "Country" : "Japan", "Capital" : "Tokyo" } ] }); </script> </body> </html> |
Output:
- AngularJS | fetch data from API using HttpClient
- D3.js d3-Fetch API
- Fetch API
- HTML5 | <details> tag
- JavaScript | fetch() Method
- Get and Post method using Fetch API
- How to Use the JavaScript Fetch API to Get Data?
- HTML | DOM Details Object
- Simple POST request using the fetch API
- How to fetch data from Database in PHP PDO using loop ?
- HTML | DOM Details open Property
- HTML | <details> open Attribute
- How to fetch an Integer variable as String in GoLang?
- Difference between Fetch and Axios.js for making http requests
- How to define additional details that the user can view or hide?
- How to fetch data from localserver database and display on HTML table using PHP ?
- PHP program to fetch data from localhost server database using XAMPP
- How to fetch data from JSON file and display in HTML table using jQuery ?
- Simple DELETE request using fetch API by making custom HTTP library
- How to make simple PUT request using fetch API by making custom HTTP library ?
Recommended Posts:
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.
