Как изменить маску select?

Question

[zachfischer]

У меня есть вот такой список:

<select>
  <option type="number" maxlength="4"  *ngFor="let date of dates">
      {{date.year }}
  </option>
</select>

И в списке данные выводятся вот в таком формате 2018.0. Как можно это исправить чтоб было просто 2018?

Answer 1

[Антон Швец]

{{ date.year | number: '.0-0' }}

Comments

[zachfischer]

У меня после вашей маски появляется вот такой пробел 2 018 от этого можно тоже как-то избавится?

[Антон Швец]

zachfischer, наверное нет. Он использует форматирование чисел в соответствии с вашей локалью.
Ну можно сделать свой пайп, это легко.

@Pipe({name: 'year'})
export class YearPipe implements PipeTransform {
    transform(value: number | string): string {
        return (+value).toFixed(0);
    }
}

потом этот пайп надо добавить в declarations вашего модуля.

ну и
{{ date.year | year }}