2017-10-12 5 views
2

문자열 기반 열거 형을 사용하고 있습니다. enum 클래스를 변경하지 않고, 다른 모달을 모달에 표시해야합니다. 내 obj에 enum이 들어 있습니다.열거 형에 다른 문자열을 표시하는 방법 각도 4 typescript

ENUM :

export enum FooEnum { 
     ONE, 
     TWO, 
     THREE 
    } 

HTML :

<select class="form-control" 
        type="text" 
        id="foo" 
        [(ngModel)]="obj.foo" 
        required 
        name="foo" 
        #foo="ngModel"> 
       <option *ngFor="let foo of fooToList()" [ngValue]="foo">{{foo}}</option> 
      </select> 

타이프 :

fooToList(): Array<string> { 
    const keys = Object.keys(FooEnum); 
    return keys.slice(keys.length/2); 
    } 

내가 두 같은, 취소 등을보고 싶은 전차 등을 다음과 같이 내 코드는 너 나 좀 도와 줄래?

참고 : 2와 4는 매우 유사하기 때문에 각도 2도 포함했습니다.

답변

4

당신도 같은

enum FooEnum { 
    ONE = 'Un', 
    TWO = 'Deux', 
    ... etc 
} 

documentation를 참조로 값을 열거을 초기화 할 수 있습니다.

참고 : 이것은 TypeScript 2.4에서 도입되었습니다.

+0

답장을 보내 주셔서 감사합니다. 하지만 그것은 내게 오류가 발생합니다 : https://imgur.com/a/VxBaM –

+0

이해가 안 돼요. 정상적으로 작동합니다. https://www.typescriptlang.org/play/#src=enum%20FooEnum% 20 % 3D % 20'Dux '% 2C % 0D % 0A % 20 % 3D % 20 % 2D % % 2D % 0A % 20 % 3D % 20 % 20THREE % 20 % 3D % 20'Tres '% 2C % 0D % 0A % 7D % 0D % 0A % 0D % 0A % 0D % 0Aalert (FooEnum.ONE) % 3B – lustoykov

+0

... 실행을 클릭하십시오. 당신의 설정은 무엇입니까? 아마도 제대로 구성되지 않은 IDE 일 것입니다. 코드가 작동해야합니다. – lustoykov