Angular 2 - 绑定数字数组以选择选项答案

【问题标题】：Angular 2 - Bind array of numbers to select optionsAngular 2 - 绑定数字数组以选择选项
【发布时间】：2016-11-29 18:40:42
【问题描述】：

我见过很多绑定对象数组的例子。

但是，我只有这个

years = [1900,1901,1902];

我想将此绑定到我的选择控件的选项。我有这个模板：

<select id="carYear" required>
        <option value="">Select year</option>
        <option ngFor="year in years">{{year}}</option>
</select>

但是，它不起作用。

我也尝试过 ng-repeat。有什么想法吗？

【问题讨论】：

【解决方案1】：

在这里提琴： https://jsfiddle.net/frishi/bzbbo5da/

基本上，您可以使用平面数组并使用<select> 枚举它您需要做的唯一额外的事情是

<select ng-model="myYears" ng-options="o as o for o in years"></select>

当您使用平面数组时，您必须告诉 angular 使用什么作为键。如果您使用对象数组，Angular 会为您完成。

【讨论】：

【解决方案2】：

您在 ngFor 指令和 let 关键字上缺少一个星号。

试试：

<select id="carYear" required>
    <option value="">Select year</option>
    <option *ngFor="let year in years">{{year}}</option>
</select>

【讨论】：