Angular 2 - 使用模型驱动设置（html）选择的值

Question

我有以下选择（PUG）

select.custom-select(name='category', formControlName='category')
    option(*ngFor="let category of essentials.categories") {{category.name}}

此代码有效，但我想将表单控件绑定到category.code，例如：

select.custom-select(name='category', formControlName='category')
    option(*ngFor="let category of essentials.categories" [ngValue]="category.code") {{category.name}}

使用上面的代码，我收到一个错误 (Can't bind to 'ngFor' since it isn't a known property of 'option')。我也尝试过[value]="category.code"，但没有成功...

编辑：我正在使用 Angular 2 RC7

Answer 1

尝试通过用引号将*ngFor 转义（还要记住[ngValue]。

select.custom-select(name='category', formControlName='category')
       option("*ngFor"="let category of essentials.categories", "[ngValue]"="category.code") {{category.name}}