title: How to use enum within HTML?
body: <p>When I reference to an enum value I am getting below error.</p>
  
  <pre><code>ERROR TypeError: Cannot read property 'Text' of undefined
  </code></pre>
  
  <p>Is there any way to use this enum within html part of component?</p>
  
  <p>My Enum;</p>
  
  <pre><code> export enum InputType {
      Text = "text",
      Number = "number",
      Color = "color"
  }
  </code></pre>
  
  <p>My component;</p>
  
  <pre><code>export class AppComponent {
    title = 'app';
  
    inputType : InputType;
  
  }
  </code></pre>
  
  <p>html part;</p>
  
  <pre><code>&lt;app-input [inputType]="inputType.Text"&gt;&lt;/app-input&gt;
  </code></pre>