Angular2：是否可以在html模板中使用自定義類型？

Question

比如我有一個枚舉

export enum CustomPages{ 
    page1 = 1, 
    page2 = 2, 
    page3 = 3 
} 

在HTML模板我要訪問此枚舉。

例如：

<a class="nav-link" [class.active]="page == CustomPages.page1" href="#">Categories and responses</a> 

它拋出一個異常

無法讀取屬性 '第1頁' 的不確定

Answer 1

您需要定義CustomPages您的組件中。

import {CustomPages} from 'path/to/enum/CustomPages'; 

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

    CustomPages = CustomPages; // <- assign enum to the same name as a field. 

    constructor(..){..} 

    ... 

}