是否在带有angular 5和typescript的选择框中显示枚举类型？

export enum Color {
    Red = 'Red',
    Green = 'Green',
    Blue = 'Blue'
}

import { Component } from '@angular/core';
import { Color } from './color.enum';

@Component({
    selector: 'app-color-select',
    templateUrl: './color-select.component.html',
    styleUrls: ['./color-select.component.css']
})
export class ColorSelectComponent {
    colors: { value: string; display: string }[] = [];

    constructor() {
        this.colors = Object.keys(Color).map(key => ({
            value: Color[key],
            display: key
        }));
    }
}

<select [(ngModel)]="selectedColor">
    <option *ngFor="let color of colors" [value]="color.value">
        {{ color.display }}
    </option>
</select>