材質AngularJS ngShow和ngHide

我已經在材質的angularjs中創建了選項卡。我從一開始就隱藏了它的標籤內容。如何使用某些動畫在標籤點擊上顯示內容。我的一些代碼材質AngularJS ngShow和ngHide

<div flex="100" class="bookingBox" layout-align="center center" layout="row"> 
    <md-content flex="35"> 
     <md-tabs md-dynamic-height md-border-bottom md-center-tabs> 
     <md-tab label="Item 1" ng-click="bookFlight()"> 
      <md-content class="md-padding ng-hide"> 
      Item 1 
      </md-content> 
     </md-tab> 
     <md-tab label="Item 2" ng-click="myb()"> 
      <md-content class="md-padding ng-hide"> 
      Item 2 
      </md-content> 
     </md-tab> 
     <md-tab label="Item 3" ng-click="olci()"> 
      <md-content class="md-padding ng-hide"> 
      Item 3 
      </md-content> 
     </md-tab> 
     </md-tabs> 
    </md-content>

我的代碼筆http://codepen.io/milindsaraswala/pen/NrRZYV

來源

2016-06-21 Milind

我想üR代碼裏面我只是從所有over..i東西去除納克隱藏工作。 –

@RahulPawar其實我最初想隱藏的時候有目的地放入隱藏字符，我只想在標籤頁上打開它 – Milind

您將需要一個函數這個

 function showTab(index) { 
      var tabsLength = $scope.tabs.length; 
      for(var i = 0 ; i < tabsLength ; i++) { 
      $scope.tabs[i] = false; 
      } 

      $scope.tabs[index] = true; 
     }

，這被稱爲選項卡上的點擊。我已經更新了你的codepen。我不確定你的具體要求，因爲md-tabs應該隱含地這樣做。

http://codepen.io/anon/pen/WxGqmN

來源

2016-06-21 05:45:02

材質AngularJS ngShow和ngHide

回答

相關問題