2017-01-18 9 views
0

Высота моего пользовательского интерфейса составляет около 5 пикселей при отображении в md-tab md-tab-group.Как использовать свойство dynamicHeight md-tab-group

Чтение https://material.angular.io/components/component/tabs> Динамическая высота> По умолчанию группа вкладок не будет изменять свою высоту до высоты текущей активной вкладки. Чтобы изменить это, установите для параметра dynamicHeight значение true. Тело табуляции будет анимировать ее высоту в соответствии с высотой активной вкладки. Как вы устанавливаете dynamicHeight?

Я попытался

class Abc{ 
dynamicHite = true 
} 

<md-tab-group [dynamicHeight]=dynamicHite> 

, но он не работает. Я попытался установить его также на md-tab, но результат тот же.

Благодарим за помощь.

+0

Что вы подразумеваете под словом "it does not work"? Для меня это нормально работает. – developer033

+0

В самом деле, когда я добавляю свойство [dynamicHeight] = dynamicHite, ничего не отображается. Когда я его удаляю, я вижу прокручиваемый пользовательский интерфейс. Вейдер, но это то, что я вижу. –

+0

@ developer033 Не могли бы вы показать мне фрагмент того, что работает для вас. благодаря –

ответ

0

Вы можете использовать динамическое свойство, включив его в свой тег md-tab-group.

<md-tab-group dynamicHeight="true" > 
    <md-tab label="Profile Details"> 
     //Content1 
    </md-tab> 
</md-tab-group>