2017-08-10 6 views
0

Bonjour J'ai créé un système d'onglets composé de 3 onglets. De l'un d'eux j'accède à un formulaire, qui est encunentra sur une autre page et je dois appuyer sur le bouton de retour pour me ramener à l'onglet correct mais je ne peux pas le comprendre.angularjs MD-TAB retourner à l'onglet correct

code URL list.html

<md-tabs md-dynamic-height="" md-border-bottom=""> 
    <md-tab label="tab1"> 
    </md-tab> 
    <md-tab label="tab2"> 
    </md-tab> 
    <md-tab label="tab3"> 
    </md-tab> 
</md-tabs> 

code form.HML

<md-button ng-click="return()" class="md-raised"> 
    Cancelar 
    <md-icon style="color: white;">restore_page</md-icon> 
</md-button> 

code .js

$scope.returnIdea = function(){; 
      window.location.back(); 
    } 

Window.location.back me prend au premier onglet, mais je veux aller à droite onglet

Répondre

0

Vous pouvez utiliser md-selected dans md-tabs pour changer l'onglet sélectionné, il vous suffit de passer l'index, pour le vôtre, il est 0,1 et 2: https://material.angularjs.org/latest/api/directive/mdTabs

MD-sélectionné (entier) Index de l'onglet actif/sélectionné

<md-tabs md-selected="tabIndex" md-dynamic-height="" md-border-bottom=""> 
    <md-tab label="tab1"> 
    </md-tab> 
    <md-tab label="tab2"> 
    </md-tab> 
    <md-tab label="tab3"> 
    </md-tab> 
</md-tabs> 

<md-button ng-click="back()" class="md-raised"> 
    Cancel 
    <md-icon style="color: white;">restore_page</md-icon> 
</md-button> 

vous pouvez maintenant créer la fonction de retour par Decrem avec l'index de l'onglet sélectionné:

$scope.tabIndex = 0; 
$scope.back = function() { 
    if ($scope.tabIndex > 0) { 
     $scope.tabIndex--; 
    } 
    }