2016-03-15 10 views
6

Jest to wtyczka do programu uib bootstrap. Domyślnie aktywna jest pierwsza zakładka. Muszę ustawić, że druga karta jest domyślnie aktywna. Uprzejmie pomóż mi jak najszybciej.Zakładki UIB - aktywne są kolejne zakładki

<!doctype html> 
    <html ng-app="ui.bootstrap.demo"> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script> 
     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-animate.js"></script> 
     <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.2.4.js"></script> 
     <script type="text/javascript"> 
     angular.module('ui.bootstrap.demo', ['ngAnimate', 'ui.bootstrap']); 
     angular.module('ui.bootstrap.demo').controller('TabsDemoCtrl', function($scope, $window) { 

     }); 
     </script> 
     <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
    </head> 
    <body> 
     <div ng-controller="TabsDemoCtrl"> 
      <uib-tabset active="active"> 
       <uib-tab index="0" heading="Static title">Static First</uib-tab> 
       <uib-tab index="1" heading="Static title1">Static Second</uib-tab> 
       <uib-tab index="2" heading="Static title2" active="true">Static Third</uib-tab> 
      </uib-tabset> 
     </div> 
    </body> 
    </html> 

Odpowiedz

9

Coś jak:

<div ng-controller="TabsDemoCtrl" ng-init="indextab = 1"> 
    <uib-tabset active="indextab"> 
     <uib-tab index="0" heading="Static title">Static First</uib-tab> 
     <uib-tab index="1" heading="Static title1">Static Second</uib-tab> 
     <uib-tab index="2" heading="Static title2" active="true">Static Third</uib-tab> 
    </uib-tabset> 
</div> 

robi to, co trzeba.

Updatedplunker