angular：[ngclass]、[ngstyle]用法以及和class、[class]、style、[style]对比

作者：你好赵伟 | 2024-04-16 20:01:45

踩

[ngclass]

1背景

看前人写的代码，有一段这样设置class的模板（html）代码：[ngStyle]=“setStyles()”，其中setStyle()函数的返回值是：

{
   
	"box-shadow": "10px 10px 5px gainsboro"
}
1
2
3
4

其实，也可以这样写：

<div [ngStyle]="{
    'box-shadow':isChoosen?'green':'white'}"><div/>
1
2

在此总结一下的[ngclass]、[ngstyle]、class、[class]、style、[style]的写法区别

<!--angular 动态绑定-->
<div [ngStyle]="{
    1
2

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/436176