05-指令ng-repeat

最新推荐文章于 2024-01-28 05:15:00 发布

jojo999888

最新推荐文章于 2024-01-28 05:15:00 发布

阅读量348

点赞数

分类专栏： angularJS 文章标签： angularjs

本文链接：https://blog.csdn.net/gc_20160403/article/details/76012823

版权

angularJS 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en" ng-app="">
    <head>
        <meta charset="utf-8">
        <script src="js/angular.js"></script>
    </head>
    <body>
        <div ng-init="name=['hello','dog','cat']">
            <p>使用ng-repeat来遍历数组</p>
            <ul>
                <li ng-repeat="x in name">
                    {{x}}
                </li>
            </ul>
        </div>


        <div ng-init="names=[
                {name:'zhangsan',age:20},
                {name:'sanzhang',age:21},
                {name:'dog',age:22}]">
            <p>使用ng-repeat来遍历数组对象</p>
            <ul>
                <li ng-repeat="person in names">
                    {{person.name}}>>>>>>>{{person.age}}
                </li>
            </ul>
        </div>
    </body>
</html>

jojo999888

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
05-指令ng-repeat

<!DOCTYPE html><html lang="en" ng-app=""> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div ng-init="name=['hello','dog','cat'
复制链接

扫一扫