角度:如何根据某些属性的值进行样式设置

理查德77

我正在努力

 +--------------------+---
 | Title level 1      |
 +--------------------+---
 |     Title Level 2  |
 +--------------------+---
 |     Title Level 3  |
 +--------------------+---

<tr *ngFor="let report of activityResultsReportViewModel.reportList">
  <td [ngStyle]="'padding-left': (report.titleLevel.level * 5) 'px'">
     {{ report.titleLevel.label }}
  </td>
</tr>

此代码抛出错误。

如何向左添加填充?级别可以是0、1,..,6。

感谢您的帮助

康纳斯·范

您可以padding-left使用以下语法设置样式属性:

[style.padding-left.px]="report.titleLevel.level * 5"
[ngStyle]="{ 'padding-left': report.titleLevel.level * 5 + 'px' }"

有关演示,请参见此堆叠闪电战

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何根据角度7中的条件设置属性值

检测样式属性中的某些值并对其进行更改

Altair:如何根据其最大值在小平面网格中对线条进行样式设置?

如何获得像素值或窗口x / y位置以根据这些坐标进行样式设置?

如何根据打字稿/角度中数组中的属性值对对象进行子集化?

根据ViewModel中存在的属性值在ItemContainerStyleSelector中设置样式

如何根据行项目的属性设置 TableCell 的样式?

WPF,如何根据 TabControl 的属性设置 TabItem 的样式?

如何根据某些属性对javascript数组进行分组?

如何根据单元格值有条件地对ReactJs物料表单元格进行样式设置?

如何根据列名和单元格值设置样式?

如何检查数组的值并根据条件删除某些属性?

如何在Angular中将插值设置为样式属性?

如何在角度2中设置div的“数据值”属性

根据属性值设置图标?

根据JavaScript中的值设置CSS样式

AngularJS-如何根据特定的JSON属性设置Select值?

如何根据条件设置猫鼬模式的默认属性的值

如何根据配置文件设置属性值

Symfony2,如何根据值设置属性类?

如何根据ANT中的条件设置属性值?

如何根据字符串的值设置实例的属性?

React 和 Firebase - 如何根据属性值进行计数

在Dash中执行回调时,如何为children属性中的某些单词设置样式?

角度-如何根据每个值在FormBuilder中动态创建的输入上更改样式?

如何检查html元素是否在IE6-IE8的样式标签中设置了某些样式属性?

如何设置角度ngBind货币的样式

如何应用样式属性角度自动完成

如何根据用户主题对Vuetify中的滚动条进行全局样式设置?