Angularjs 如何使用转盘显示选项卡，避免从当前图像滑动到选定图像？

在我的Angular应用程序中，我有一个简单的twitter引导转盘，在一个选项卡中：

<div class="tabbable">
  <ul class="nav nav-pills">
    <li ng-class="{active: tabSelected === 'main'}">
      <a href="" ng-click="tabSelected = 'main'">Main</a>
    </li>
    <li ng-class="{active: tabSelected === 'photos'}">
      <a href="" ng-click="tabSelected = 'photos'">Photos</a>
    </li>
  </ul>
</div>

...

<div class="tab-content" ng-show="tabSelected === 'photos'>
  <div class="slides-control">
    <carousel disable-animation="false">
      <slide ng-repeat="photo in person.photos" active="photo.active">
        <img class="slide" ng-src="{{photo.path}}" />
      </slide>
    </carousel>
  </div>
</div>

问题是：

例如，调用$scope.tabSelect'photos'，7；，此时会显示“照片”选项卡，但最初会显示先前的活动图像，然后会立即滑动到所选图像（在本例中为第7张）。我不想避免使用动画，这很酷。。。不过，我想立即显示选定的图像。。。 我已经尝试过围绕$scope.tabSelected=tabName；$timeout块中的指令，所选幻灯片立即显示，但未完全呈现。例如，箭头不存在

<script>
  $scope.tabSelect = function (tabName, photoNumber) {
    if (tabName === 'photos') {
      $scope.person.photos[0].active = false;
      $scope.person.photos[photoNumber].active = true;
    }
    $scope.tabSelected = tabName;
  };
</script>