title: How to show different string for enums Angular 4 typescript
body: <p>I have a string based enum. Without changing the enum class, I need to display different strings on my modal. My obj contains the enum. My code is as follows:</p>
  
  <p>ENUM:</p>
  
  <pre><code>  export enum FooEnum {
          ONE,
          TWO,
          THREE
      }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select class="form-control"
                      type="text"
                      id="foo"
                      [(ngModel)]="obj.foo"
                      required
                      name="foo"
                      #foo="ngModel"&gt;
                &lt;option *ngFor="let foo of fooToList()" [ngValue]="foo"&gt;{{foo}}&lt;/option&gt;
              &lt;/select&gt;
  </code></pre>
  
  <p>TypeScript:</p>
  
  <pre><code>  fooToList(): Array&lt;string&gt; {
      const keys = Object.keys(FooEnum);
      return keys.slice(keys.length / 2);
    }
  </code></pre>
  
  <p>I would like to view ONE as Un, TWO as Deux etc. Could you help me pretty please ?</p>
  
  <p>Note: I included angular 2 also because 2 and 4 are highly similar.</p>