angularJS- ng-repeat 指令用法小结

最新推荐文章于 2021-06-27 12:47:39 发布

杨广凡

最新推荐文章于 2021-06-27 12:47:39 发布

阅读量2.7k

点赞数

分类专栏： Angular JS 文章标签： ng-repeat angular

本文链接：https://blog.csdn.net/stu_20052369/article/details/87072589

版权

本文总结了AngularJS中ng-repeat指令的使用方法，包括如何遍历数组、对象，以及使用过滤器、跟踪项标识等高级用法。通过实例展示了ng-repeat在视图渲染和动态列表更新中的强大功能。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>

    <script>
        angular.module('repeatExample', [])
            .controller('exampleController', ['$scope', function ($scope) {
                $scope.friends = [
                    { name: 'John', age: 25, gender: 'boy' },
                    { name: 'Jessie', age: 30, gender: 'girl' },
                    { name: 'Johanna', age: 28, gender: 'girl' },
                    { name: 'Joy', age: 15, gender: 'girl' },
                    { name: 'Mary', age: 25, gender: 'girl' },
                    { name: 'Peter', age: 95, gender: 'boy_a' },