Update a scss variable from Angular Service

Question

I have a _color.scss file. I have a $primaryImageURL which stores the location of an image. Is it possible to update this variable from an Angular Service. I fetch the location details from a get call from my angular service. An image gets uploaded from another service and Am trying to update the location of the primary image dynamically.

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

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

Thanks in Advance.

StyrianDev · Accepted Answer · 2020-01-21 11:02:47Z

1

You cannot update a SCSS variable from an Angular variable. SCSS is being compiled during the build to a CSS file. What you can do is store the primary image url into one variable in the component and then bind it via [src]="...".

answered Jan 21, 2020 at 11:02

StyrianDev

2391 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Update a scss variable from Angular Service

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related