titles not showing correctly in angular material tabs

Vote count:

0

I'm using angular material tabs but there is something wrong with my implementation and it gives me this result (on Chrome and Firefox):

As you can see the tab titles are truncated. Here is my implementation: HTML:

<md-tabs>
    <md-tab ng-repeat="tab in tabs">
        <md-tab-label>{{tab.titre}}</md-tab-label>
        <div class="md-tabs-content">
            content tab
        </div>
    </md-tab>
</md-tabs>

JS:

var tabs = [];
for(i=0;i<3; i++){
    tabs.push({

        titre: 'title'
    });
}
$scope.tabs = tabs;
$scope.selectedTab = 0;

asked 52 secs ago

Yass Ikrou

15

titles not showing correctly in angular material tabs