角材料標籤自定義HTML

Question

我有問題角材料標籤，我需要刪除標籤另一邊的HTML，而不是包裹在整個HTML。 這裏是例如默認選項卡，好的工作

<md-content> 
    <md-tabs md-dynamic-height md-border-bottom> 
     <md-tab label="1"> 
      <md-content class="md-padding">1</md-content> 
      </md-tab> 
     <md-tab label="2"> 
      <md-content class="md-padding">2</md-content> 
     </md-tab> 
</md-tabs> 
</md-content> 

，但我需要有這樣的事情

<md-tabs md-dynamic-height md-border-bottom> 
    <md-tab label="1"> 
    </md-tab> 
    <md-tab label="2"> 
    </md-tab> 
</md-tabs> 


<div class="main"> 
    <md-content class="md-padding">1</md-content> 
    <md-content class="md-padding">2</md-content> 
</div> 

我知道有上

**md-on-select="" md-on-deselect=""** 

但選擇如何使它在我的情況？

Answer 1

在這裏你去 - CodePen

鏈接md-tabs與ng-switch的主div的md-selected屬性。

標記

<div ng-controller="AppCtrl as vm" ng-cloak="" ng-app="MyApp"> 
    <md-tabs md-dynamic-height md-border-bottom md-selected="vm.selectedIndex"> 
     <md-tab label="1"> 
     </md-tab> 
     <md-tab label="2"> 
     </md-tab> 
    </md-tabs> 

    <div class="main" ng-switch="vm.selectedIndex"> 
     <md-content class="md-padding" ng-switch-when="0">1</md-content> 
     <md-content class="md-padding" ng-switch-when="1">2</md-content> 
    </div> 
</div> 

JS

angular.module('MyApp',['ngMaterial']) 

.controller('AppCtrl', function() { 
    this.selectedIndex = 0; 
});