Angular SCSS正确编写url()的方法

时间:2019-02-19 09:21:15

标签: angular sass

我见过这样的选项,即在SCSS中指定URL时不带引号,例如background: url(/path/to/image.jpg);。但是,尽管由于目录解析问题,PhpStorm强调了这些URL,但我在引号background: url(/path/to/image.jpg);中使用了它。

两个选项之间是否有区别?应该用什么代替其他吗?以防万一这会有所帮助-我将图像存储在assets子文件夹中。


这不仅与CSS有关,而且与 SCSS 有关,因此我确定标记为重复的问题不适合我的问题。

SCSS的工作方式不同,因为应该先进行编译。如果URL错误,则编译器将引发有关路径解析问题的错误。此外,Angular会将资产从其初始位置移出。那就是我问的原因。

1 个答案:

答案 0 :(得分:-1)

行情是可选的。

仅当您要添加特殊字符或如下所示的组件变量时才需要它们。

例如:

 [ngStyle]="{ 'background-image': 'url(' + image + ')'}"> 

其中image是一个组件变量