클래스 내부 열거 (TypeScript 정의 파일)

나는 주변을 수색했지만 이것에 대한 답을 찾을 수없는 것 같습니다. 당신이 도울 수 있기를 바랍니다. 이미지에 열거 형을 추가하려면 어떻게해야합니까? 이것은 내가 이상적으로 바라는 것이지만 오류가 발생합니다.

declare module 'Lib' {

  export module Graphics {

    export class Image {

      enum State {}

      static STATE_IDLE: State;
      static STATE_LOADING: State;
      static STATE_READY: State;
      static STATE_ERROR: State;

      constructor();

    }

  }

}

State를 Graphics 모듈로 이동하면 작동하지만 이제 State가 Graphics에 속하므로 올바르지 않습니다. 이미지의 일부 여야합니다.

다음은 KoenT 솔루션의 개선이라고 생각합니다.

export class Image
{
    constructor ()
    {
        this.state = Image.State.Idle;
    }

    state: Image.State;
}

export namespace Image
{
    export enum State
    {
        Idle,
        Loading,
        Ready,
        Error
    }
}

명명 된 가져 오기를 활용할 수 있다는 장점은 다음과 같습니다.

import {Image} from './image';
let img = new Image()
img.state = Image.State.Error

여기 내 해결책이 있습니다.

program.ts :

enum Status {
    Deleting,
    Editing,
    Existing,
    New
}

export class Program {
    static readonly Status = Status;
    readonly Status = Program.Status;

    title: string;

    status: Status;

    constructor(init?: Partial<Program>) {
        Object.assign(this, init);
    }
}

용법:

let program = new Program({ title: `some title` });

program.status = Program.Status.New;

또는

program.status = program.Status.New;

Angular 2+ 사용자를위한 추가 혜택 : 템플릿에서 사용할 수 있습니다.

<div *ngIf="program.status === program.Status.New">
  Only display if status of the program is New
</div>

나는 또한 최근에이 문제에 부딪혔다. 이것이 제가 현재 해결책으로 사용하고있는 것입니다.

// File: Image.ts

class Image
{
    constructor()
    {
        this.state = Image.State.Idle;
    }

    state: Image.State;
}

module Image
{
    export enum State
    {
        Idle,
        Loading,
        Ready,
        Error
    }
}

export = Image;

그런 다음 클래스와 열거 형을 사용하는 곳에서 :

import Image = require("Image");

let state = Image.State.Idle;
let image = new Image();
state = image.state;

이것은 잘 작동하는 것 같습니다 (이런 종류의 일을 예상하는 방법으로 생각하지 않더라도).

바라건대 TypeScript에 이런 식으로 할 수있는 방법이있을 것입니다 :

class Image
{
    enum State
    {
        Idle,
        Loading,
        Ready,
        Error
    }

    constructor()
    {
        this.state = State.Idle;
    }

    state: State;
}

export = Image;

모듈 확대를 사용하는이 작업은 작업을 수행하는 매우 해키하고 직관적이지 않은 방법 *이라고 생각하므로 다음을 고려하십시오.

export module Graphics
{
    enum State
    {
        STATE_IDLE,
        STATE_LOADING,
        STATE_READY,
        STATE_ERROR
    }

    export class Image
    {
        constructor() { }
        public static readonly State = State;
    }
}

//...

let imgState = Graphics.Image.State.STATE_ERROR;

즉, 내 보내지 않고 추가하려는 클래스의 범위에서 열거 형을 선언 한 다음 클래스의 멤버를 통해 노출합니다.

_{* 기술적으로 작동하더라도 코드의 구조 및 구성과 관련하여 BAD입니다.}

최신 정보

declare module Lib
{
    enum State
    {
        STATE_IDLE,
        STATE_LOADING,
        STATE_READY,
        STATE_ERROR
    }

    class ImageClass
    {
        constructor();
        public Prop: any;
    }

    export interface Graphics
    {
        Image: typeof State & ImageClass & (new () => typeof State & ImageClass);
    }
}

declare var Graphics: Lib.Graphics;

그런 다음 다음과 같이 입력합니다.

var someEnum = Graphics.Image.STATE_ERROR;
var image = new Graphics.Image();
var anotherEnum = image.STATE_IDLE;

나는 해결책을 찾았을 수도 있다고 생각합니다 ... 유효한 TypeScript인지는 모르겠지만 작동하며 컴파일 오류가 발생하지 않습니다. 위 답변의 조합입니다.

declare module 'Lib' {

  module Graphics {

    module Image {
      enum State { }
      var STATE_IDLE: State;
      var STATE_LOADING: State;
      var STATE_READY: State;
      var STATE_ERROR: State;
    }

    class Image {
      constructor();
    }

  }

}

내가 알아 차리지 못한 잠재적 인 문제를 발견 할 수있는 사람이 있습니까?

무엇을 하려는지 잘 모르겠지만 enum가능한 상태 값 state을 나타내는을 원하고 이미지의 현재 상태를 나타내는 멤버를 원할 것으로 예상했을 것입니다 .

declare module 'Lib' {
    export module Graphics {

        enum State {
            STATE_IDLE,
            STATE_LOADING,
            STATE_READY,
            STATE_ERROR
        }

        export class Image {
            public state: State;

            constructor();
        }

    }
}

클래스 내에서 열거 형을 선언하는 대신 열거 형과 유사한 멤버가있는 클래스를 선언하려는 것처럼 들립니다. 즉 :

declare module 'Lib' {

    export module Graphics {

        export class Image {
            static STATE_IDLE: number;
            static STATE_LOADING: number;
            static STATE_READY: number;
            static STATE_ERROR: number;

            constructor();
        }
    }
}

같은 이름으로 모듈과 클래스를 만들 수 있습니다. State두 번 말할 필요가 없도록 열거 형 이름을 바꾸는 것도 도움이 될 수 있습니다 .

declare module 'Lib' {
    export module Graphics {
        export class Image {
            constructor();
        }

        export module Image {
            export enum State {
                Idle,
                Loading,
                Ready,
                Error
            }
        }
    }
}