AngularMaterial標籤只顯示第一個標籤

爲什麼md-tabs只顯示第一個標籤？其他人在我點擊標籤區域後出現。AngularMaterial標籤只顯示第一個標籤

第一個標籤看起來是這樣的：

我的代碼如下所示：

<md-tabs md-dynamic-height md-border-bottom> 
    <md-tab label="Home"></md-tab> 
    <md-tab label="Profile"></md-tab> 
    <md-tab label="Messages"></md-tab> 
</md-tabs>

故意

點擊在標籤區域後我離開了內容的標籤爲空，因爲我想擺脫here所述的過渡動畫。

其中一個問題可能是標籤在bootstrap dropdown menu。

謝謝您的建議！

編輯

我剛剛發現該選項卡中md-menu使用它們時有困難，即使沒有引導。

來源

2016-04-08 zatziky

您可以添加任何小提琴/ Plnkr？ –

@KhalidHussain對不起，我試圖刪除bootstrap以查看發生了什麼。 – zatziky

你試圖把'md-tabs'放在'bootstrap的下拉列表裏嗎？如果是，請問爲什麼？你可以通過使用'md-tabs'的md-seleted屬性來選擇'md-tab'選項中的特定'md-tab'選項。請參閱：http://codepen.io/Rishii/pen/MyrVoz – Rishab777

你解決了嗎？

我有同樣的問題，除了我的角標籤是bootstrap的模式。當我點擊一個按鈕來切換模式，它只顯示第一個標籤，直到我點擊它。

經過一番測試後，似乎我可以通過用ng-show隱藏角度標籤並在少量延遲後顯示它。

<button ng-click="controller.showTabs()">Show Tab</button> 


<md-tabs md-dynamic-height md-border-bottom ng-show="show_tab"> 
    <md-tab label="Home"></md-tab> 
    <md-tab label="Profile"></md-tab> 
    <md-tab label="Messages"></md-tab> 
</md-tabs>

控制器的功能，當用戶點擊下拉/按鈕切換模式：

this.showTabs = 
function() 
{ 
    //250ms delay 
    $timeout(function() 
    { 
     $scope.show_tab = true; 
    },250); 
}

來源

2016-09-12 19:29:51

最後，我們沒有使用材料選項卡。我會接受答案，希望它能幫助別人。謝謝。 – zatziky

AngularMaterial標籤只顯示第一個標籤

回答

相關問題