angularJS md-tab 自动切换tab

angularJS md-tab 自动切换tab

记录一下工作中遇到的问题

angularJS的资料真心不好找，自己看源码，查了很多资料才解决!

md-tab使用

HTML

<md-content >
        <md-tabs md-selected="0" id="vncfDetail" md-border-bottom md-dynamic-height>
            <md-tab md-active="state=='1'" label="{{'Basic-data-change' | translate}}" ng-click="showFileReturn('1')"> <md-content  style="padding: 0px;" class="md-padding">
                <div class="panel-body" ng-include="'views/scm/vncf-new-body1.html'"></div>
            </md-content> </md-tab>
            <md-tab md-active="state=='2'" label="{{'Expansion-of-account-set' | translate}}" ng-click="showFileReturn('2')"> <md-content  style="padding: 0px;" class="md-padding">
                <div class="panel-body" ng-include="'views/scm/vncf-new-body2.html'"></div>
            </md-content> </md-tab>
            <md-tab md-active="state=='3'" label="{{'Relevant-Contract-Agreement' | translate}}" ng-click="showFileReturn('3')"> <md-content  style="padding: 0px;" class="md-padding">
                <div class="panel-body" ng-include="'views/scm/vncf-new-body3.html'"></div>
            </md-content> </md-tab>
        </md-tabs>
    </md-content>

JS

$scope.showFileReturn=function(type){
                        $scope.state=type;
                    };

说明

关键属性 md-active=“state==‘2’” 值为true 或false
通过修改 state 变量改变md-active的值，即可实现tab切换