angular - 如何避免 Angular ngClass 中的重复?
问题描述
想象以下情况:
<div *ngFor="let d of dm; first as first">
<span
[ngClass]="{ cSmall: !first, cGray: !first, cTab1: !first }"
>
{{ d }}
</span>
</div>
所有这些 CSS 类cSmall, cGray, cTab1
都依赖于!first
.
我可以避免在以下范围内不必要的重复:
{ cSmall: !first, cGray: !first, cTab1: !first }
我已经尝试{ [cSmall,cGray,cTab1]: !first }
过但没有成功:)
解决方案
推荐阅读
- java - 在 Java 中获取接口的类型
- python - 构建我的 Python 包以便导入语句正常工作
- python - 如何将元组中的所有值添加到字典中?
- react-navigation - 在 React Navigation 中使用 iOS 13 样式的模式时如何修改“深”背景?
- laravel - 同步不同数据库表的最佳方法
- c - 在文件范围内进行可变修改
- javascript - 为 Angular 包扩展缓存 TTL
- firebase - Nuxt generate 和 firebase 给出计时器警告
- java - 将从图库中选择或从相机捕获的图像添加到另一个活动的网格视图中
- json - React Js axios 在实际数据之前返回空 div