从Angular 2 TypeScript编辑SASS变量

Question

3

我希望能够获取用户选择的颜色，并修改现有的Sass颜色变量为用户选择的颜色。我看到了一个链接，但是还没有与Angular 2相关的示例。请帮忙。谢谢。

- AishApp

2个回答

1

你可以使用内联样式，比如<div [style.color]="colorVar">，这样你就可以从ts更改colorVar的值来改变div的color。

- Manu Valdés

我已经在许多地方使用了sass变量，希望根据用户的选择更新所有内容。 - AishApp

1

不要使用Sass变量，而是使用TypeScript变量。 - Manu Valdés

你的意思是将 TypeScript 变量作为全局变量使用，并在整个应用程序中使用它吗？ - AishApp

如果您需要全局使用，可以将变量放在服务提供者中，并将其注入到页面中，以便您可以从每个模板访问该变量；这样，当您更改值时，它将在全局范围内更新您的模板。 - Manu Valdés

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- David Pine · Accepted Answer

SASS是一个CSS预处理器，因此当您的客户端使用HTML标记时，变量已经被生成并形成标准的CSS。

一旦您开始使用Sass进行调整，它将把您的预处理Sass文件保存为普通的CSS文件，您可以在网站中使用该文件。

正如Manu Valdés所指出的那样，在Angular2中还有其他特别的样式处理工具。有关组件样式的详细信息，请查看官方文档这里。