Как я могу применить ограничение количества к * ngFor?

Поскольку фильтр Limit ушел из Angular 2+, как я могу применить предел для простой инструкции * ngFor?

{{ tweet }}

Я не хочу, чтобы оператор * ngFor перебирал все элементы singleCategory, я хочу ограничить его только двумя результатами. Я считаю, что это можно сделать с помощью Custom Pipes, но я не знаю, как его реализовать.

Спасибо.

Вы можете применить ngIf к элементу с помощью индекса:

 
{{tweet}}

Если вы не хотите обертывать div, проверьте шаблон синтаксиса :

  
{{tweet}}

Предпочтительно сначала вы фильтруете элементы в своем компоненте с помощью фильтра, чтобы предотвратить ненужные циклы при отображении ваших данных:

 public get singleCategory() { return this.categories.filter((item, index) => index > 2 ) } 

Существует также возможность создания трубы. (См. Связанный дубликат)

  • ExpressionChangedAfterItHasBeenCheckedError Explained
  • Как динамически добавить innerHTML с угловыми 2 компонентами
  • Как получить JSON-файл в Angular 2
  • Как определить внутреннее изменение html в div с угловым 2?
  • Миграция AngularJS в Angular 4,5 (с DEMO)
  • почему ngOnInit вызывается дважды?
  • Typcript / Angular / ES6: могу ли я, наконец, позволить `hasOwnProperty ()` умереть в циклах?
  • Angular2 + http с интервалом
  • Как добавить время отладки к асинхронному валидатору в угловом 2?
  • Угловой 2 конструктор компонентов Vs OnInit
  • ключ доступа и значение объекта с помощью * ngFor
  • Давайте будем гением компьютера.