angularjs – 指令md-whiteframe和css class md-whiteframe之间的差异

前端之家收集整理的这篇文章主要介绍了angularjs – 指令md-whiteframe和css class md-whiteframe之间的差异前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用Angular Material框架,并且真正享受所有功能!我真的很喜欢md-whiteframe指令来引发某些容器.但是,我注意到有不同的使用方法.

Angular Material Documentation使用它作为指令:

<div md-whiteframe="2">
    <span>I'm elevated!</span>
</div>

虽然很多例子都将它用作CSS中的一个类:

<div class="md-whiteframe-z2">
    <span>I'm elevated!</span>
</div>

该文档还指出md-whiteframe可以提升到24dp,而’class version’只能提升4个不同的级别.

两种方法有什么区别?什么时候应该使用指令或CSS类?

我认为差异来自于“类版本”的Material Design Lite CSS库,而指令版本仅适用于Angular Material.但是我找不到可以证实这一点的来源……

解决方法

它实际上非常简单.属性指令md-whiteframe添加.md-whiteframe-z< x>类的元素.所以,我想你可以同时使用两者.如果您喜欢或不使用JavaScript将类添加到元素,则依赖于哪一个.

使用JS和指令的专业人员也对dp值进行了验证.当然它是一个很好的抽象,因为类名可能会改变,但你的指令API却没有.

猜你在找的Angularjs相关文章