将flex作为属性或作为角度的css文件中的类实现之间有什么区别吗？

Question

我正在与角材料一起处理角项目。我想使用flexbox来控制layout.But我遇到了两种实现。首先，直接将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 library。

使用样式本身不需要任何依赖性（对于较旧的浏览器而言，除了polyfill之外）。

两者的最终结果之间应该没有差异。

主要区别在于库提供的抽象：有了它，您就可以访问更多显示选项（space-around，space-evenly，space-between ...），您可以在元素之间使用间隙，您可以轻松为应用程序实现断点。

但是该库所做的一切都可以在CSS的flex box中实现。