md-tabs last tab sometimes not visible in AngularJs

Rahul Kiwitech
Rahul K...
292 Points
26 Posts

I am using md-tab. when I call method to get count, the third tab some time disappear.

<md-tabs md-dynamic-height>
<md-tab label="Live Events ({{recordsInTab('LIVE')}})" md-on-select="EventStatus('LIVE')">
<md-content>
</md-content>
</md-tab>
<md-tab label="Saved Events ({{recordsInTab('SAVE')}})" md-on-select="EventStatus('SAVE')">
<md-content>
</md-content>
</md-tab>
<md-tab label="Past Events ({{recordsInTab('PAST')}})" md-on-select="EventStatus('PAST')">
<md-content>
</md-content>
</md-tab>
</md-tabs>

In controller I have:

$scope.recordsInTab = function (tab) {
return filterFilter($scope.items, { EventStatus: tab }).length;
}

 

I don't know what is happening.

Views: 9710
Total Answered: 1
Total Marked As Answer: 0
Posted On: 03-Feb-2017 05:10

Share:   fb twitter linkedin
Answers
Smith
Smith
2890 Points
78 Posts
         

I search git-hub forum and found following solution.

Add following css

<style>
md-pagination-wrapper {
width: auto !important;
}
</style>
Posted On: 03-Feb-2017 05:22
see issue detail on git https://github.com/angular/material/issues/6212
 - Rahul Maurya  04-Jan-2018 00:28
 Log In to Chat