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(..){..} 

    ... 

}