如何将Angular元件的输入传递到SCSS？

要将Angular元件的输入传递到SCSS，可以通过使用CSS变量来实现。

首先，在元件的SCSS文件中定义一个CSS变量，用于接收传递进来的输入值。可以使用:host伪类选择器来定义该变量。例如：

:host {
  --input-color: red;
}

接下来，在元件的HTML文件中，将该CSS变量应用于需要传递输入值的样式属性。可以使用var()函数来获取并使用该变量。例如：

<div [style.color]="var(--input-color)">
  This text will have the color defined in the input.
</div>

最后，在使用该元件的地方，可以通过输入属性来传递具体的值给该CSS变量。例如：

<app-custom-component [inputColor]="'blue'"></app-custom-component>

在这个例子中，inputColor是该元件的一个输入属性，将其值设置为"blue"，那么元件的SCSS文件中定义的--input-color变量将会接收该值，并将其应用于相应的样式属性，这里是color属性。

通过以上步骤，就可以将Angular元件的输入传递到SCSS，并根据输入值动态修改样式。需要注意的是，SCSS文件只是在编译期间进行处理，最终在浏览器中运行的是编译后的CSS代码，因此需要确保所使用的浏览器支持CSS变量。在项目中，可以考虑使用PostCSS等工具来处理兼容性问题。

推荐的腾讯云相关产品：无特定相关产品。