-- Learning is not just about technology, but also about 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 Model

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 Animation

AngularJS Dependency Injection

AngularJS Routing

AngularJS Application

AngularJS Examples

AngularJS Examples

AngularJS Reference

AngularJS Reference

AngularJS Examples

Deep Dive

Scripting Languages

Programming Languages

Software

Development Tools

Computer Science

Web Service

Network Services

Scripts

Programming

Web Design and Development

AngularJS ng-repeat Directive

AngularJS Reference

AngularJS Examples

Loop through and output multiple headings:

{{x}}

var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) { $scope.records = [ "1", "2", "3", "4", ] });

Try it yourself »

Definition and Usage

The ng-repeat directive is used to repeat HTML elements a specified number of times.

The collection must be an array or an object.

Syntax

<element ng-repeat="expression"></element>

All HTML elements support this directive.

Parameter Values

Value	Description
expression	The expression defines how to iterate over the collection.

Expression example rules:

• x in records
• (key, value) in myObj
• x in records track by $id(x)

More Examples

AngularJS Examples

Loop through and output a table using an array:

{{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 yourself »

AngularJS Examples

Loop through and output a table using an object:

{{x}}

{{y}}

var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) { $scope.myObj = { "Name" : "Alfreds Futterkiste", "Country" : "Germany", "City" : "Berlin" } });

Try it yourself »

AngularJS Reference

AngularJS Examples

ByteDance Coding Plan

Supports mainstream large models like Doubao, GLM, DeepSeek, Kimi, MiniMax. Official direct supply, stable and reliable.

Configuration Guide

¥9.9 / Month

Subscribe Now

iFlytek Star Coding Plan

Includes free model call quota. DeepSeek, GLM, Kimi, MiniMax. One-stop experience and deployment platform.

Configuration Guide

¥3.9 / Month

Subscribe Now

Click to share notes

Category Navigation

Python / Data Science

AI / Intelligent Development

Front-end Development

Back-end Development

Databases

Mobile Development

DevOps / Engineering

Programming Languages

Computer Fundamentals

XML / Web Service

.NET

Website Building

Advertisement

AngularJS Tutorial

AngularJS Tutorial

AngularJS Introduction

AngularJS Expressions

AngularJS Directives

AngularJS Model

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 Animation

AngularJS Dependency Injection

AngularJS Routing

AngularJS Application

AngularJS Examples

AngularJS Examples

AngularJS Reference

AngularJS Reference

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 Formatter Tool

· Random Number Generator

Latest Updates

· AI Agent

· AI Evaluation and Security Research

· AI System Architecture

· Cutting-edge Research Trends

· Advanced NLP Techniques

· Computer Vision AI

· Deep Learning Fundamentals

Site Information

· Feedback

· Disclaimer

· About Us

· Article Archive

Follow WeChat

My Favorites

Bookmark Article

Browsing History

Clear All

No records yet