Есть ли разница между реализацией flex в качестве атрибута или класса в CSS-файле для angular?

Question

Я работаю с угловым проектом вместе с угловым материалом.Я хочу использовать flexbox для управления макетом. Но я столкнулся с двумя типами реализации.Во-первых, добавление содержимого flex непосредственно в качестве атрибута к тегу div или около того.Во-вторых, объявление отдельного класса CSS в файле CSS.Есть ли какая-либо разница между этими двумя?

Я случайно попробовал несколько примеров с обоими, но они не отражали один и тот же результат.

First,

<div fxFlex flexLayout="row">
    //contents
</div>

Second ,

<div class="sample">
    //contents
</div>

//in css file
.sample
{
    display : flex;
    flex-directoin : row;
}

Я хочу, если есть какая-либо заметная разницадва.Если нет, то что лучше использовать?

Answer 1

Использование атрибута означает, что вы установили библиотеку Angular Flex Layout .

Использование самого стиля не требует каких-либо зависимостей (кроме полизаполнений для старых браузеров).

Не должно быть разницы между конечным результатом обоих.

Основные отличия заключаются в абстракции, предоставляемой библиотекой: с ее помощью вы получаете доступ к дополнительным параметрам отображения (space-around, space-evenly, space-between ...), вы можете использовать пробелмежду элементами, и вы можете легко реализовать точки останова для вашего приложения.

Но все, что делает библиотека, может быть реализовано во flex-боксах с помощью CSS.