停用Angular md-tabs中的第二个选项卡

Question

棱角材质的md-tabs中是否有任何属性可以禁用选项卡，这些属性与它们在Bootstrap中的功能类似。

$scope.tabs = [{
    title: 'Dynamic Title 1',
    content: 'Dynamic content 1'
}, {
    title: 'Dynamic Title 2',
    content: 'Dynamic content 2',
    disabled: true
}];

像这样吗

<div class="col-lg-12 col-md-12">
    <md-card-content id="nvd3-scrollable-content" style="height: 350px;"> 
                 <md-tabs md-dynamic-height md-border-bottom md-selected="selectedTab">
                      <md-tab ng-repeat="data in trendData" label="{{data.name}}">
                        <md-content class="md-padding" >
                         <div ng-if="data.name == 'FirstTab'">
                            <!-- some code-->
                        </div>

                         <div ng-if="data.name == 'SecondTab'">
                        <!-- some other code-->
                         </div>
                    </md-content>
                </md-tab>

            </md-tabs>
         </md-card-content>                      
    </div>

Answer 1

在角形材质中，有一个属性“ md-selected”，可以通过设置md-selected =“ selectedTabIndex”来使用它，让我向您展示：

<md-tabs md-selected="selectedTabIndex" md-dynamic-height md-border-bottom md-center-tabs="true" md-stretch-tabs='always'>
            <md-tab label="all" md-on-select="changeTab()">
                <md-content class="md-padding" flex>
                    <attendance-listing-content></attendance-listing-content>

                </md-content>
            </md-tab>
            <md-tab label="present" md-on-select="changeTab()">
                <md-content class="md-padding">
                    <attendance-listing-content></attendance-listing-content>
                </md-content>
            </md-tab>
            <md-tab label="absent" md-on-select="changeTab()">
                <md-content class="md-padding">
                    <attendance-listing-content></attendance-listing-content>
                </md-content>
            </md-tab>
        </md-tabs>

然后，您需要从控制器中定义$ scope.selectedTabIndex ='1';。 ，因此在这种情况下，第一个标签将显示或处于活动状态，其他标签则相同。

Answer 2

您可以使用ng-disabled指令

这是来自Angularjs Docs的示例

https://plnkr.co/edit/hOljQTwH5mSyUivEaipY?p=preview