Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何向angular 2中的下拉列表添加选项_Angular_Typescript - Fatal编程技术网

如何向angular 2中的下拉列表添加选项

如何向angular 2中的下拉列表添加选项,angular,typescript,Angular,Typescript,我有一个下拉列表,其中包含了一年中的月份,这些月份是用这样的管道翻译的{{'一月|翻译}} 我想在下拉列表中绑定我的月份,这是我的html和月份对象: <select class="small"> <option selected="selected">--{{ 'Year' | translate | capitalize }}--</option> <option *ngFor=".."></option> <

我有一个下拉列表,其中包含了一年中的月份,这些月份是用这样的管道翻译的{{'一月|翻译}}

我想在下拉列表中绑定我的月份,这是我的html和月份对象:

<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()
不能保证密钥的排序顺序,因此为了安全起见,您可以在获取密钥数组后对其进行排序