2017-08-10 3 views
0

こんにちは私は3つのタブで構成されるタブのシステムを作成しました。 私は、別のページのencunentraであるフォームにアクセスし、正しいタブに戻すために戻るボタンを押す必要がありますが、わかりません。angularjs MD-TABが正しいタブに戻る

<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> 

コードform.HML

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

コードが

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

を.jsファイルするlist.html

コードURLは、最初のタブに私をとりますが、私はあなたが選択したタブを変更するmd-tabsmd-selectedを使用することができます

答えて

0

に右のタブに行きたい、あなただけのインデックスを渡す必要があり、あなたのためにそれは0,1および2です:https://material.angularjs.org/latest/api/directive/mdTabsアクティブ/選択したタブ

<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> 

MD-選択(整数)インデックスあなたが今Decremにバック関数を作成することができます選択したタブのインデックスを入力する:

$scope.tabIndex = 0; 
$scope.back = function() { 
    if ($scope.tabIndex > 0) { 
     $scope.tabIndex--; 
    } 
    } 
関連する問題