In my dropdown menu, I have the months of the year translated using a pipe syntax like this: {{'January' | translate}}
I am looking to bind these translated months in my dropdown. Below is the HTML and the object containing the months:
<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'
};