时间戳

首页 > 解决方案 > 不考虑角度 [ngStyle]

angular - 不考虑角度 [ngStyle]

问题描述

我现在在使用 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>

标签： angulartypescript

解决方案

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

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

推荐阅读