Angular Material работает только с Angular Flex-layout?

Question

В одном из недавних интервью меня спросили, знаю ли я, что такое flex, на что я ответил, что мало что знаю об этом.Интервьюер был шокирован, а затем спросил, как вы вообще используете материал, если не знаете флекса.

Он сказал, что угловой материал не может быть настроен, если мы не используем flex.

Это правильно?Потому что в моем предыдущем проекте я использовал Angular Material и настраивал его без использования свойства flex.

Не могли бы вы, ребята, уточнить , если Angular Flex является обязательным для использования углового материала ?

Answer 1

Многие компоненты углового материала, такие как mat-toolbar, mat-expansion-panel-header, mat-horizontal-stepper-header-container, используют свойство flex.

Если вы, например, просматриваете элемент mat-toolbar в вашем браузере и ищете свойство отображения, вы можете увидеть display : flex

Answer 2

Angular Material flex реализуется поверх CSS, так что технически нет .Вы должны быть в состоянии сделать все самостоятельно с помощью CSS.Вы даже можете использовать bootstrap flex с ним.

Однако, поскольку вы уже используете Angular Material, а Angular Flex-Layout представляет собой пакет npm, сделанный официальной командой Angular , которая выполняет эту работудовольно хорошо, обычно это хорошая практика.

Статья, сравнивающая использование Bootstrap или Angular Flex здесь: https://codinglatte.com/posts/angular/angular-flex-better-than-bootstrap/

Заключение (по мнению автора статьи):

Angular Material и Angular FlexРасположение лучше, чем начальная загрузка.Это не значит, что вы не должны использовать начальную загрузку, но вы должны рассмотреть возможность использования обеих библиотек.Конечно, вы все равно можете использовать независимо, если хотите, Angular Material для симпатичного компонента пользовательского интерфейса и Angular Flex Layout для адаптивного дизайна.