title: Using string enum value in HTML component in angular
body: <p>Imagine the following string enum, which is defined in a component.ts:</p>
  
  <pre class="lang-js prettyprint-override"><code>export enum SortType {
   Date = 'date',
  }
  </code></pre>
  
  <p>I want to use the value of the enum in the corresponding HTML-component: <code>&lt;th mat-sort-header=??? &gt;</code></p>
  
  <p>Something like that: <code>&lt;th mat-sort-header='SortType.Date' &gt;</code>.</p>