angular - Angular SCSS 编写 url() 的正确方法
问题描述
我已经看到了在 SCSS 中指定 URL 时不带引号的选项,例如background: url(/path/to/image.jpg);
. 但是,我将它与引号一起使用,background: url(/path/to/image.jpg);
尽管 PhpStorm 由于目录解析问题而强调这些 URL,但它仍然有效。
两种选择有什么区别吗?应该使用任何代替另一个吗?以防万一这会有所帮助-我将图像存储在assets
子文件夹中。
这不仅仅是关于 CSS 而是关于SCSS,因此我确信标记为重复的问题不适合我的问题。
SCSS 以不同的方式工作,因为它应该在之前编译。如果 URL 错误,编译器会抛出有关路径解析问题的错误。此外,Angular 将资产从其初始位置移动。这就是我问的原因。
解决方案
报价是可选的。
只有当您想要添加特殊字符或组件变量时才需要它们,如下所示。
例如:
[ngStyle]="{ 'background-image': 'url(' + image + ')'}">
image
组件变量在哪里
推荐阅读
- python - 如何确定熊猫数据框列中列表的长度?
- email - 如何使用 mautic api 发送电子邮件?
- android - 协程在 Android 模拟器上工作,但不在真实设备上
- oracle - Oracle SQL Developer IO 错误:网络适配器无法建立连接 - Windows 10 Pro
- c++ - f(123) = 1!+ 2!+ 3!.我为这种类型的函数编写了一个代码来工作,看看它。我的代码没有给出想要的结果
- python-3.x - 如何将计数列分解为单独的行并为Python中的每一行分配一个字母?
- tensorflow - ImportError: DLL load failed: The specified procedure could not be found., tensorflow
- c# - C# `BinaryReader.ReadBoolean` 卡住了
- r - 使用 ggplot2 带有误差线的百分比堆积条形图
- r - 将 vctrs 构建的类放入包中时错误的双重调度方法