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

时间:2016-11-29 18:40:42

标签: javascript angularjs arrays data-binding

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

但是,我只有这个

us

我希望将其绑定到我的选择控件的选项。 我有这个模板:

years = [1900,1901,1902];

但是,它不起作用。

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

2 个答案:

答案 0 :(得分:1)

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

基本上,您可以使用平面数组并使用<select>枚举它 你唯一需要做的就是

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

当您使用平面阵列时,您必须告诉角度使用什么作为键。如果你使用一个对象数组,Angular会为你做这件事。

答案 1 :(得分:1)

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

尝试:

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