如何在Angular AOT中使用enum（在單獨的文件中）？

將基於角度的應用程序（angular-cli）從基於JIT的完好的szenario轉換爲基於AOT的szenario。 AOT構建運行良好。如何在Angular AOT中使用enum（在單獨的文件中）？

在打開生成的網頁時我收到無法讀取屬性'none'的未定義的錯誤。這些錯誤源於未定義的枚舉在運行時。

非常喜歡簡化示例（設有2名獨立的文件）

動作type.enum.ts（在單獨的文件中的枚舉）

export enum eActionType { 
    none, 
    actionA 
    ... 
}

test.component.ts（組件在單獨的文件中）

import { eActionType } from './action-type.enum'; 

@Component({ ... }) 
export class Test { 

    // @Runtime eActionType (eActionType.none) will be undefined 
    private/protected/public actionType: eActionType = eActionType.none; 
}

eAction雖然被導入，但類型不可用於test.component.ts。

可能的解決方法1 - 同一個文件（不可取）

test.component.ts

// Exported enum within same file 
export enum eActionType { 
    none, 
    actionA 
    ... 
} 

@Component({ ... }) 
export class Test { 

    // @Runtime eActionType is available 
    private/protected/public actionType: eActionType = eActionType.none; 
}

如果枚舉在同一文件中聲明中枚舉，它將正常工作在運行時。但這不可取，因爲與可導入多個位置的外部文件中的枚舉相比，可維護性會變差。

可能的解決方法2 - 類的靜態屬性代替枚舉（不期望的任一）

動作type.enum.ts（在單獨的文件中的枚舉）

export class eActionType { 
    static none = 0; 
    static actionA = 1; 
    ... 
}

測試。 component.ts（單獨文件中的組件）

import { eActionType } from './action-type.enum'; 

@Component({ ... }) 
export class Test { 

    // @Runtime eActionType is available as static property of eActionType   
    private/protected/public actionType: eActionType = eActionType.none; 
}

也沒有真正漂亮的解決方案，但至少只有前枚舉的聲明，但不是消費者代碼必須在所有事件中進行更改。

如何強制在外部文件中聲明的適當的枚舉可以在運行時在其他位置訪問？

來源

2017-09-25 dsla

解決方案：

完全空node_modules
NPM安裝就行了...

我花了幾天時間，讀了我能找到的所有東西（非真正相關的），修改了我的代碼一百次。

巧合我意識到ng的腳手架是拋出錯誤消息（服務和構建沒有）。清理了所有的東西，做了一個全新的npm安裝 - 突然之間，所有本來可以在盒子外運行的東西都開始出現了。不能相信我浪費了日子。（將離開這個問題，因爲它是因爲它可能給別人的暗示）

如果出現問題，並不是沒有人在網絡上的其他人應被報告了同樣的問題，變得多疑，去最簡單可行的解決方案第一：

- >做一個乾淨的新安裝

來源

2017-09-27 10:35:40 dsla

公開你的變量。

public actionType: eActionType = eActionType.none;

來源

2017-09-25 20:18:30 omeralper

這將使枚舉可見/可用模板中，而在AOT（whithin JIT私人/保護，而不是公衆是好的） - 如果eActionType會可用。但事實並非如此。 – dsla

如何在Angular AOT中使用enum（在單獨的文件中）？

回答

相關問題