Novice Tutorial -- Learn not just technology, but dreams! Home HTML JAVASCRIPT CSS VUE REACT PYTHON3 JAVA C C++ C# AI GO SQL LINUX VS CODE BOOTSTRAP GIT Local Bookmarks AngularJS Tutorial AngularJS Tutorial AngularJS Introduction AngularJS Expressions AngularJS Directives AngularJS Models AngularJS Scope AngularJS Controllers AngularJS Filters AngularJS Service AngularJS Http AngularJS Select AngularJS Tables AngularJS SQL AngularJS HTML DOM AngularJS Events AngularJS Modules AngularJS Forms AngularJS Input Validation AngularJS API AngularJS Bootstrap AngularJS Includes AngularJS Animations AngularJS Dependency Injection AngularJS Routing AngularJS Application AngularJS Examples AngularJS Examples AngularJS Reference Manual AngularJS Reference Manual AngularJS Examples Deep Dive Development Tools Computer Science Programming Web Design & Development Software Scripting Languages Programming Languages Web Service Scripts Web Services AngularJS ng-repeat Directive AngularJS Reference Manual AngularJS Examples Loop output multiple headers:

{{x}}

var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) {     $scope.records = [         "Novice Tutorial1",         "Novice Tutorial2",         "Novice Tutorial3",         "Novice Tutorial4",     ] }); Try it » Definition and Usage The ng-repeat directive is used to loop output HTML elements a specified number of times. The collection must be an array or an object. Syntax All HTML elements support this directive. Parameter Values Value Description expression The expression defines how to loop the collection. Expression instance rules: x in records (key, value) in myObj x in records track by $id(x) More Examples AngularJS Examples Use an array to loop output a table:                        

{{x.Name}}

{{x.Country}}

var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) {     $scope.records = [        {             "Name" : "Alfreds Futterkiste",             "Country" : "Germany"         },{             "Name" : "Berglunds snabbköp",             "Country" : "Sweden"         },{             "Name" : "Centro comercial Moctezuma",             "Country" : "Mexico"         },{             "Name" : "Ernst Handel",             "Country" : "Austria"         }     ] }); Try it » AngularJS Examples Use an object to loop output a table:                        

{{x}}

{{y}}

var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) {     $scope.myObj = {         "Name" : "Alfreds Futterkiste",         "Country" : "Germany",         "City" : "Berlin"     } }); Try it » AngularJS Reference Manual AngularJS Examples ByteArk Coding Plan Supports mainstream LLMs like Doubao, GLM, DeepSeek, Kimi, MiniMax, official direct supply stable and reliable. Configuration Guide ¥9.9 / month Activate Now iFlytek Xingchen Coding Plan Includes free model invocation quotas, DeepSeek, GLM, Kimi, MiniMax, one-stop experience and deployment platform. Configuration Guide ¥3.9 / month Activate Now Click to share notes Category Navigation Python / Data Science AI / Intelligent Development Front-end Development Back-end Development Database Mobile Development DevOps / Engineering Programming Languages Computer Basics XML / Web Service .NET Website Construction Advertisement AngularJS Tutorial AngularJS Tutorial AngularJS Introduction AngularJS Expressions AngularJS Directives AngularJS Models AngularJS Scope AngularJS Controllers AngularJS Filters AngularJS Service AngularJS Http AngularJS Select AngularJS Tables AngularJS SQL AngularJS HTML DOM AngularJS Events AngularJS Modules AngularJS Forms AngularJS Input Validation AngularJS API AngularJS Bootstrap AngularJS Includes AngularJS Animations AngularJS Dependency Injection AngularJS Routing AngularJS Application AngularJS Examples AngularJS Examples AngularJS Reference Manual AngularJS Reference Manual Online Examples ·HTML Examples ·CSS Examples ·JavaScript Examples ·Ajax Examples ·jQuery Examples ·XML Examples ·Java Examples Character Sets & Tools · HTML Character Set Settings · HTML ASCII Character Set · JS Obfuscation/Encryption · PNG/JPEG Image Compression · HTML Color Picker · JSON Formatting Tool · Random Number Generator Latest Updates · AI Agent · AI Evaluation and Security Research · AI System Architecture · Frontier Research Trends · NLP Advanced Technology · Computer Vision AI · Deep Learning Basics Site Information · Feedback · Disclaimer · About Us · Article Archive Follow WeChat My Favorites Bookmark Article Browsing History Clear All No records yet