Question

我有一个下拉列表，其中包含使用此类{{'January' | translate}}

之类的管道转换的年份的月份

我想在我的下拉列表中绑定我的月份，这是我的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'
};

Answer 1

目前，角度2不允许您使用*ngFor迭代对象。您有几种方法可以解决此限制。

1。）将对象映射到值数组，并使用*ngFor迭代它。但是，此解决方案不允许您访问密钥。如果您还需要访问密钥，则可以使用选项2。

2。）获取对象键的数组，例如。 let keys = Object.keys(MONTH_TRANSLATION) 然后，您可以*ngFor遍历键数组，然后使用每个键查找相应的值。使用Object.keys()并不能保证密钥的排序顺序，所以为了安全起见，您可以在获取密钥后对其进行排序

如何在角度2中为drodown添加选项

1 个答案: