Question

我已经找到了如何添加下一个和上一个按钮功能，并且已经实现了它：http://plnkr.co/edit/iNEXWXUBDvsrKgUSelkW?p=preview

          $scope.nextTab = function() {
        var index = ($scope.selectedIndex == $scope.max) ? 0 : $scope.selectedIndex + 1;
        $scope.selectedIndex = index;

        if(!$scope.carinfo.$valid) alert('it has errors');
}

但是，如果当前标签中的表单无效，我需要一种阻止用户切换到下一个标签/步骤的最佳方法。当用户点击下一个/上一个按钮时，只需检查$ valid变量是否绑定到表单状态，或者表单是否附加了ng-invalid类，我就可以执行此操作。但是不确定当用户切换标签而不是点击“下一步”时，最好的方法是实现这种阻止行为。和之前的＆＃39;我已添加的按钮，但在实际的标签上。

Answer 1

<md-tab>有一个回调可以挂钩到md-on-select。

来源：https://material.angularjs.org/latest/api/directive/mdTab

你不能在回调中做同样的逻辑吗？

或者您可以使用md-active标记

禁用您不希望用户切换到的标签页

Angular-Material选项卡适合作为向导

1 个答案: