Как использовать свойство dynamicHeight md-tab-group

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

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

я пытался

class Abc{
dynamicHite = true
}

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

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

Спасибо за вашу помощь.


angular angular-material2 typescript2.0
person st_clair_clarke    schedule 18.01.2017    source источник
comment
Что значит не работает? Для меня это работает нормально.   -  person developer033    schedule 19.01.2017
comment
На самом деле, когда я добавляю свойство [dynamicHeight]=dynamicHite, ничего не отображается. Когда я удаляю его, я вижу прокручиваемый пользовательский интерфейс. Weired, но это то, что я вижу.   -  person st_clair_clarke    schedule 19.01.2017
comment
@ developer033 Не могли бы вы показать мне фрагмент того, что работает для вас. Спасибо   -  person st_clair_clarke    schedule 19.01.2017

Ответы (2)


arrow_upward
2
arrow_downward

Вам нужно только включить его как атрибут, не устанавливая для его свойства значение true, например:

<md-tab-group dynamicHeight>
    <md-tab label="Profile Details"> 
        //Content1
    </md-tab>
</md-tab-group>
person bzzWomp    schedule 02.10.2018

arrow_upward
0
arrow_downward

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

<md-tab-group  dynamicHeight="true" >
    <md-tab label="Profile Details"> 
        //Content1
    </md-tab>
</md-tab-group>
person Farah    schedule 13.06.2017