title: 1st index tab are not selected after loading the page in AngularJS?
body: <p>I have a seller list in which i have to implemtned the 1st index seller will be active 
  but in the case its not working but the 1st index will be please tell m sir what's the wrong in my code? </p>
  
  <pre><code>&lt;div class="profile-tabs"&gt;
      &lt;ul class="nav nav-pills nav-pills-icons" role="tablist"&gt;
          &lt;li class="width100 ng-cloak" style="margin:5px 0; z-index:999;" ng-repeat="seller in sellerDto | filter: filterSeller" class="width100 {{sellerDto[0].userTypeDto.keyId ? 'active':''}}"&gt; 
              &lt;a href="#" role="tab" data-toggle="tab" class="w3-left-align" ng-click="filterSellerInAlbum(seller.userTypeDto.keyId)"&gt;
                  &lt;span&gt;{{seller.personName}}&lt;/span&gt;
              &lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>