Матовый чернильный стержень Angular-2-материал не на вкладке по умолчанию

Question

Я пытаюсь разместить вкладки на своем сайте и использую md-tab-group для достижения этой цели.Я не могу установить чернильницу по умолчанию, но содержание, написанное на соответствующей вкладке, доступно.Чернильная полоса появляется при нажатии, а не в начале страницы.Ниже приведен мой код

<md-tab-group dynamicHeight = "true" >
   <md-tab id="hello1" label="Tab 1">
    <!-- some content here -->
   </md-tab>

   <md-tab id="hello2" label="Tab 2">
  <!-- some content here -->
   </md-tab>

</md-tab-group>

Решения, которые я попробовал: а) selectedIndex не работает в md-tab-group при динамическом создании вкладок b) угловые вкладки материала SelectedIndex0 не работает

Есть идеи, что я пропускаю?

Answer 1

Я бы порекомендовал обновить ваши угловые и материальные версии, md- означает, что вы используете более старую версию библиотеки материалов.

Пожалуйста, просмотрите этот пример стекаблика, используя текущую версию библиотеки материалов ... пожалуйстаобратите внимание на новый синтаксис.

<mat-tab-group>
  <mat-tab label="First"> Content 1 </mat-tab>
  <mat-tab label="Second"> Content 2 </mat-tab>
  <mat-tab label="Third"> Content 3 </mat-tab>
</mat-tab-group>

https://stackblitz.com/angular/earngvqxaaon?file=app%2Ftab-group-basic-example.html