title: how can i access component variable from css Angularjs2
body: <p>home.component.css</p>
  
  <pre><code>#first-example {
    margin-top: 20%;
     /*parallax_image_path not working*/
    background-image: url({{parallax_image_path}});
  }
  </code></pre>
  
  <p>home.component.html</p>
  
  <pre><code>&lt;div class="main_container"&gt;
  
    &lt;div class="main_content"&gt;
      &lt;h2&gt;Coming Soon&lt;/h2&gt;
    &lt;/div&gt;
  
    &lt;div parallax id="first-example"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>home.component.ts</p>
  
  <pre><code>import {Component} from "@angular/core";
  /**
   * Created by sai on 3/7/17.
   */
  @Component({
    selector: "home",
    templateUrl: './home.component.html',
    styleUrls: ['./home.component.css']
  })
  export class Home {
    parallax_image_path = '/assets/website_background.jpg'
  }
  </code></pre>