Question

您好我已经创建了一个由3个标签组成的标签系统。从其中一个我访问一个表单，这是另一页上的encunentra我需要按下返回按钮带我回到正确的选项卡，但我无法弄清楚。

代码网址list.html

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

代码表单.HML

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

代码.js

Window.location.back

Feature: Using Contact Form To test the functionality of contact form Scenario Outline: Filling contact form Given I am on Home Page of "http://room5.trivago.com/contact/" And Dismiss cookies popup When I enter message as "<message>" And I enter full name as "<fullname>" And I enter email as "<email>" And I click on Submit button Then I see success message Examples: |message|fullname|email| |just some gibberish message|Ashish Deshmukh|ashish@deshmukh.com| | |Ashish Deshmukh|ashish@deshmukh.com| |just some givverish message| |ashish@deshmukh.com| |just some gibberish message|Ashish Deshmukh| |转到第一个标签，但我想转到右边的标签

Answer 1

您可以使用md-selected中的md-tabs来更改所选标签，只需要传递索引，因为它是0,1和2：https://material.angularjs.org/latest/api/directive/mdTabs

md-selected （整数）活动/选定标签的索引

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

现在可以通过递减所选选项卡的索引来创建后退函数：

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

angularjs MD-TAB返回正确的选项卡

1 个答案: