title: How to bind static variable of component in HTML in angular 2?
body: <p>I want to use a static variable of a component in HTML page. 
  How to bind static variable of component with a HTML element in angular 2?</p>
  
  <pre class="lang-js prettyprint-override"><code>import { Component, OnInit } from '@angular/core';
  import { Observable } from 'rxjs/Rx';
  @Component({
    moduleId: module.id,
    selector: 'url',
    templateUrl: 'url.component.html',
    styleUrls: ['url.component.css']
  })
  export class UrlComponent {
  
    static urlArray;
    constructor() {
    UrlComponent.urlArray=" Inside Contructor"
    }
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div&gt;
    url works!
     {{urlArray}}
  &lt;/div &gt;
  </code></pre>