ng-hideのMdタブ - 以前に選択したタブを有効にしたままにする

Question

私は、隠され、動的に表示されるタブがあるタブのセットを扱っています。

問題は、タブが非表示になって表示されると、選択されたタブになります。私は、タブが表示された後に、以前に選択されたタブがまだ選択されていることを望みます。

ここに簡単な例があります。この場合、「Three」が選択され、「Two」タブを表示するためにボタンを押すと、「Three」が選択されたままになります。ここで

https://jsfiddle.net/b5aw533a/2/

は、私はあなたの問題は$scope.selectedTabが選択されたタブのインデックスである、2に等しいということである。この

https://jsfiddle.net/pspL9c7s/1/

Answer 1

を達成するためにmd-activeを使用してみまし方法の例です。

新しいタブを追加すると、それに応じて$scope.selectedTabを更新する必要があります。

基本的に、選択したタブの前にタブを追加する場合、選択したタブのインデックスを$scope.selectedTab++でインクリメントする必要があります。新しいタブが後に来たら、あなたはする必要はありません。まだかかわらず、疑問を提起

$scope.showTab = function() { 
    // we add a tab before, so we update the index of the selected one 
    $scope.selectedTab++; 
    $scope.shouldShow = true; 
} 

https://jsfiddle.net/v8jL75tf/