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

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 library。

使用样式本身不需要任何依赖（除了旧浏览器的polyfills）。

两者的最终结果应该没有区别。

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

但是这个库所做的一切都可以在带有 CSS 的弹性盒子中实现。