从 Angular 服务更新 scss 变量

Question

我有一个 _color.scss 文件。我有一个 $primaryImageURL 存储图像的位置。是否可以从 Angular 服务更新此变量。我从我的角度服务的 get 调用中获取位置详细信息。 图像从另一个服务上传，我正在尝试动态更新主图像的位置。

// _color.scss
$primaryImageURL = 'src/assets/img/primaryImage.png';

//Service
someService.getPrimaryColor().subscribe(data => {
  const brandingImg = data.brandImgUrl;
  // Need to update $primaryImageURL here dynamically. 
});

提前致谢。

Answer 1

您不能从 Angular 变量更新 SCSS 变量。 SCSS 在构建过程中被编译为 CSS 文件。您可以做的是将主图像 url 存储到组件中的一个变量中，然后通过 [src]="..." 绑定它。