title: How to call static method of other class in .html (not in .ts)?
body: <p>I created a class ScoreBoard as a global object by calling getInstance():</p>
  
  <pre><code>export class ScoreBoard{
      protected _myNumber : number;
      protected static scoreBoard : ScoreBoard;
  
      constructor(){
          this._myNumber=3;
      }
      get myNumber():number{
          return this._myNumber;
      }
      set myNumber(_myNumber : number){
          this._myNumber=_myNumber;
      }
  
      static getInstance() : ScoreBoard{
          if(!this.scoreBoard){
              this.scoreBoard=new ScoreBoard();
          }
          return this.scoreBoard;
      }
  }
  </code></pre>
  
  <p>and trying to call it in a html page:</p>
  
  <p>newscontent.ts</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { ScoreBoard } from '../scoreboard';
  
    @Component({
      templateUrl: 'newscontent.html'
    })
    export class NewsContent {
      constructor() {
    }
  }
  </code></pre>
  
  <p>newscontent.html</p>
  
  <pre><code>&lt;ion-header&gt;
    &lt;ion-navbar&gt;
      &lt;button ion-button menuToggle&gt;
        &lt;ion-icon name="menu"&gt;&lt;/ion-icon&gt;
      &lt;/button&gt;
      &lt;ion-title&gt;&lt;/ion-title&gt;
    &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  &lt;ion-content fullscreen="true"&gt;
      {{ScoreBoard.getInstance().myNumber}}
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>but it failed to display as error:</p>
  
  <pre><code>1     689170   error    EXCEPTION: Error in ./NewsContent class NewsContent - inline template:8:31 caused by: undefined is not an object (evaluating 'self.context.ScoreBoard.getInstance')
  2     689170   error    ORIGINAL EXCEPTION: undefined is not an object (evaluating 'self.context.ScoreBoard.getInstance')
  </code></pre>
  
  <p>.
     .
     .</p>
  
  <p>how can I call static method of other class in .html?</p>