title: Set sass variable value in Angular 7
body: <p>I have been working with angular for the last few weeks, and now I have a requirement to dynamically style a public site. The site admin set various color codes as well as a logo image from admin in a database. These will be reflected when the Public Site opens.</p>
  
  <p>As I am from an asp.net background, previously what I would do is on master page load, take values from the DB and write them into a .less file, and let java-script library take care of it. It's simple there.</p>
  
  <p>But for my current situation, I am using sass, and I am not able find a way to write variables into a .scss file.</p>
  
  <p>I just learn a new thing APP_INITIALIZER from <a href="https://theinfogrid.com/tech/developers/angular/app_initializer-in-angular/" rel="noreferrer">here</a> ,but ultimately this post not showing how to write in the .scss file.</p>
  
  <p>I am actually thinking this with my asp.net knowledge,but may be I am wrong ,or there are another way of implementation.</p>
  
  <p>I want a simple solution ,what we do in asp.net I want to achieve this in same way. </p>
  
  <ol>
  <li><p>Take variable value from DB via api,when application loading for first time.   </p></li>
  <li><p>Write values in SASS variable file .    </p></li>
  <li><p>After that SASS will take care of this and we get result as expected .</p></li>
  </ol>
  
  <p>Please give some suggestion or example ,to start with .</p>
  
  <p>Thanks.</p>