首页 文章

Angular：如何根据某些属性的值设置样式

提问于
浏览 次
1

我想要

+--------------------+---
 | 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 .

谢谢你的帮助

angular

1 回答

  • 3

    您可以使用以下语法设置 padding-left style属性：

    [style.padding-left.px]="report.titleLevel.level * 5"

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

    有关演示，请参阅this stackblitz .

    回复于

相关问题