Домашнее задание
- Поиграться с @Input() and @Output().
Директива scrollTop. Добавить кнопку со стрелочкой в правом ниждем углу страницы. При клике по этой кнопку страница должна проскроллица в самый верх.
Infiniti scroll. В
home-page.component.ts
создавать массив из ~10-15 элементов и вывести блок с продуктом через*ngFor
по этому массиву (мы получим на странице ~10-15 продуктов). Далее реализовать директивуinfinitiScrollDirective
. Директива должна отслеживатьwindow:scroll
event. Когда скролл подходит к концу страницы необходимо вызвать эвент (через @Output()) и обработать этот эвент вhome-page.component.ts
. В хэндлере этого эвента будем пушить в массив еще ~10-15 значений. Таким образом у нас получиться бесконечный скролл на странице.