角度ngIf + else样式

Question

这就是我要做的

If value(depth) = 1 --> margin-left:10px
else value(depth) = 2 --> margin-left:20px
else value(depth) = 3 --> margin-left:30px

ex）值* 10px

我自己编写了以下代码，但不起作用。

<div class="comment" *ngIf="comment.depth === 1" style="margin-left:10px">
<div class="comment" *ngIf="comment.depth === 2" style="margin-left:20px">
<div class="comment" *ngIf="comment.depth === 3" style="margin-left:30px">

我应该如何更改代码才能使其正常工作？

Answer 1

您可以使用取决于当前深度值的样式。
这是一个了解此想法的示例：

HTML

<div class="comment" [style.marginLeft.px]="getDepth(comment.depth)">

TS

getDepth = (depth) => {
 return depth*10;
}