Angular. Enum values in template
Angular не позволяет напрямую использовать перечислимый тип (Enum) в шаблонах. Необходимо создавать свойство, которому присваивать выбранный Enum и в шаблоне использовать это свойство.
import { Component, Input } from '@angular/core';
enum Size = {
XLarge,
Large,
Medium,
Small
}
@Component({
selector: 'app-size-select',
template: `
<select [ngModel]="selectedSize">
<option value="{{ size.XLarge }}">Extra Large</option>
<option value="{{ size.Large }}">Large</option>
<option value="{{ size.Medium }}">Medium</option>
<option value="{{ size.Small }}">Small</option>
</select>
`
})
export class SizeSelectComponent {
@Input() selectedSize: Size;
size = Size;
}