如何向angular 2中的下拉列表添加选项
我有一个下拉列表,其中包含了一年中的月份,这些月份是用这样的管道翻译的{{'一月|翻译}} 我想在下拉列表中绑定我的月份,这是我的html和月份对象:如何向angular 2中的下拉列表添加选项,angular,typescript,Angular,Typescript,我有一个下拉列表,其中包含了一年中的月份,这些月份是用这样的管道翻译的{{'一月|翻译}} 我想在下拉列表中绑定我的月份,这是我的html和月份对象: <select class="small"> <option selected="selected">--{{ 'Year' | translate | capitalize }}--</option> <option *ngFor=".."></option> <
<select class="small">
<option selected="selected">--{{ 'Year' | translate | capitalize }}--</option>
<option *ngFor=".."></option>
</select>
public MONTH_TRANSLATION = {
1: 'January',
2: 'February',
3: 'March',
4: 'April',
5: 'May',
6: 'June',
7: 'July',
8: 'August',
9: 'September',
10: 'October',
11: 'November',
12: 'December'
};
--{{“年”|翻译|大写}--
公共月_翻译={
1:‘一月’,
二:"二月",,
三:"三月",,
四:"四月",,
5:‘五月’,
6:‘六月’,
7:‘七月’,
8:"八月",,
9:‘九月’,
10:‘十月’,
11:‘11月’,
12:‘12月’
};
当前angular 2不允许您使用*ngFor
对对象进行迭代。您有几个选项可以绕过此限制
1.)将对象映射到一个值数组,并使用*ngFor
对其进行迭代。
但是,此解决方案不允许您访问密钥。如果您还需要访问密钥,可以使用选项2
2.)获取对象键的数组,例如。
let keys=Object.keys(月翻译)
然后,您可以通过键数组*ngFor
,然后使用每个键查找相应的值。使用Object.keys()
不能保证密钥的排序顺序,因此为了安全起见,您可以在获取密钥数组后对其进行排序