Я создаю веб-приложение, используя Angular и Angular Material. Я нахожусь в процессе создания адаптивного приложения и, следовательно, использую BreakpointObserver, предоставленный Angular Material.
Я не понимаю, как правильно использовать BreakpointObserver.
Должен ли я: -
Внедрить BreakpointObserver в app.component.ts (корневой компонент) и подписаться на изменения, и всякий раз, когда есть изменения, компоненты будут уведомлены с использованием ngrx.
Внедрить BreakpointObserver в конструктор каждого компонента, подписаться на него и отписаться при уничтожении.
Создайте сервис и введите в него BreakpointObserver и подпишитесь на изменения. Все компоненты будут внедрять эту услугу и будут уведомлены об изменениях.
Есть ли другой способ добиться этого, и какой вариант лучше?