AngularJS ng-repeat的使用

最新推荐文章于 2018-01-16 11:10:30 发布

u013063153

最新推荐文章于 2018-01-16 11:10:30 发布

阅读量2k

点赞数

分类专栏： Angular

本文链接：https://blog.csdn.net/u013063153/article/details/52459822

版权

Angular 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

特有属性：

$index,$first,$last

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AngularJS</title>

    <link rel="stylesheet" href="css/foundation.min.css">
    <style type="text/css">
        .tx {
            width: 50px;
            height: 50px;
            margin-bottom: 10px;
            magin-left: 80px;
        }
    </style>
</head>
<body ng-app="app" ng-controller="AddressCtrl">
    <div style="padding:10px; font-weight:bold" >地址管理</div>
    <ul class="ui-list ui-list-link ui-list-text ui-list-active ui-border-tb">
        <li ng-repeat="item in list" class="ui-border-t">
            <h4>{{$index+1+'.'+item.address + $first +' '+ $last}}</h4>
        </li>
    </ul>
</body>
<script src="js/angular.min.js"></script>
<script src="app.js"></script>
</html>

angular.module('app',[])
.controller('AddressCtrl',function ($scope) {
    $scope.list = [
        {id:1,address:'1村'},
        {id:2,address:'2村'},
        {id:3,address:'3村'},
        {id:4,address:'4村'}
    ];
})

u013063153

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS ng-repeat的使用

特有属性：$index,$first,$lasthtml>html lang="en">head> meta charset="UTF-8"> title>AngularJStitle> link rel="stylesheet" href="css/foundation.min.css"> style type="text/css">
复制链接

扫一扫

专栏目录