Angular 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;
}