Angular [ngStyle] 未考虑在内

Question

我现在使用 Angular [ngStyle] 遇到问题。 除了没有出现在我的 mat-slide-toggle 组件上的样式组件之外，这里的一切似乎都有效。 tree.depth 和 tree.value 都已定义并正确显示。 我也尝试过将 tree.depth 相乘（因为它是一个相对较小的数字），但这似乎并没有太大变化。 有任何想法吗？

    <div *ngFor = "let tree of m_sortingtrees" class = "sliders">
        <mat-slide-toggle [ngStyle] = "{'margin-left': tree.depth * 10}">
            {{tree.depth}}
            {{tree.value}}
        </mat-slide-toggle>
    </div>

Answer 1

这是因为您将margin-left CSS 属性设置为无效值（也就是没有单位）：

<div *ngFor="let tree of m_sortingtrees" class="sliders">
    <mat-slide-toggle [ngStyle]="{'margin-left': tree.depth * 10 + 'px'}">
        {{tree.depth}}
        {{tree.value}}
    </mat-slide-toggle>
</div>