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>

抛出异常

  

无法读取属性＆＃39; page1＆＃39;未定义的

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

    ...

}