ng-reapte指令遍历

 如果想知道当前遍历的下标，也就是数据源中的第几个，可以用$index

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      .container{
        width: 100%;
        height: 100%;
      }
      .container img{
        width: 150px;
        height: 100px;
      }
      span{
        display: block;
        width: 100%;
        height: 100px;
      }
    </style>

    <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>

  </head>
  <body>
    <div data-ng-app="" data-ng-init="names=[
    {
      url:'./1.jpg'
    },
    {
      url:'./1.jpg'
    }
    ,
    {
      url:'./1.jpg'
    }
    ,
    {
      url:'./1.jpg'
    }
    ,
    {
      url:'./1.jpg'
    }]"
    >
    <span></span>
    <img data-ng-repeat="x in names" ng-src={{x.url}} alt="">
  </div>
</ul>
  </body>
</html>

 

posted @ 2019-12-20 09:46  liuw_flexi  阅读(304)  评论(0)    收藏  举报