Question

我是AngularJS的新手，面对这个问题。

情景：

我在下面的对象中有一系列照片

{{place.result.photos}}

我正在申请ng-repeat＆＃34;照片＆＃34; TAB。

<div class="panel-body">
  <p>Address: {{ place.result.formattedAddress }}</p>
  <p>
    Average Rating: 4.5 | 
    <a href="#reviews" data-toggle="modal">Read all reviews</a>    
  </p>
  <ul class="nav nav-tabs" style="margin-bottom: 15px;">
    <li class="active">
      <a href="#home" data-toggle="tab">Photos</a>
    </li>
    <li class="">
      <a href="#profile" data-toggle="tab">Info</a>
    </li>
  </ul>
  <div id="myTabContent" class="tab-content">
    <div class="tab-pane fade" id="home" >
      <p>
        <div ng-repeat="(index, photo) in place.result.photos">
          <div class="col-md-3 col-sm-4 col-xs-6">
            <img class="img-responsive" src="https://maps.googleapis.com/maps/api/place/photo?maxwidth=400&photoreference={{photo.reference}}&sensor=true&key=3S3JKeT6L0dDkosHoSyevaY"/>
            <br ng-show="(index+1)%4==0"/>
          </div>
        </div>
      </p>
    </div>
    <div class="tab-pane fade active in" id="profile">
      <p>{{ place.result.formattedAddress }}</p>
      <p>{{ place.result.formattedPhoneNumber}}</p>
      <p>{{ place.result.website }}</p>
    </div>

  </div>
</div>

问题

对于第一个标签，它的工作正常。但是其余的ng-repeat元素，当点击时，只有第一个元素标签被更新，而在其他数组重复元素中，没有任何效果。

可能是什么问题？请帮忙！ TIA！

Answer 1

在ngRepeat中查看$ index。

代码是：

<div ng-repeat="photo in place.result.photos">
  <div class="col-md-3 col-sm-4 col-xs-6">
    <img class="img-responsive" src="https://maps.googleapis.com/maps/api/place/photo?maxwidth=400&photoreference={{photo.reference}}&sensor=true&key=3S3JKeT6L0dDkosHoSyevaY"/>
    <br ng-show="($index+1)%4==0"/>
  </div>
</div>

选项卡中的ng-repeat不起作用，显示相同的内容

1 个答案: