在angular中，如何在样式中使用组件变量

Question

我想在我的角度5组件模板中使用可变宽度，就像这样：

<style>
    input:checked + .slider:before {
        transform: translateX({{width}}px);
    }
</style>

虽然＆＃39;宽度＆＃39;是组件中定义的变量！

然而，＆＃34; {{width}}＆＃34;没有解析，如何实现这个功能。谢谢！

Answer 1

在这种情况下，您可以使用Angular ngStyle：

[ngStyle]="{ width: width }"

看看这个demo