0

Допустим, есть компонент в котором присутствует router-outlet и хотелось бы в @Input() отображаемого компонента что-то передать, что бы инициализировать его. Например, пробрасывать аргументы из роута.

Каким образом можно реализовать задуманное?

Видел решение через "расшаренные сервисы", но в этом случае мой компонент будет иметь лишнюю зависимость, в то время как инициализация через @Input'ы более гибкая.

UPD

Есть еще мысль создать узкоспециализированный компонент-контейнер, который будет заниматься маршлингом данных в дочерней компонент. Тогда в него можно внедрить сервис и в тоже время не трогать основной компонент оставляя его гибким. Правильный ли это путь?

14
  • нет, нельзя. И зачем? :) для этого есть резолверы
    – arturovt
    9 апр 2019 в 8:43
  • Ну, допустим, данные нужные для работы компонента лежат в параметрах маршрута. Мне не хочется, что бы сам компонент за ними лез, а хочу, что бы ему их пробрасывали в @Input'ы, как мне кажется- это правильнее, так как в таком случае я могу его внедрить куда захочу.
    – iluxa1810
    9 апр 2019 в 8:45
  • не мыслите паттернами из других языков программирования, в angular есть все необходимое из ядра (скажу вам по секрету) :D
    – arturovt
    9 апр 2019 в 8:46
  • @overthesanity, в таком случае жду вашего ответа=) Как пробросить в компонент параметры маршрута, но в тоже время не сузить область применения компонента(Что бы в него можно было явно запихнуть аргументы и т д.). Имхо, наверное, то что я описал в UPD верный путь.
    – iluxa1810
    9 апр 2019 в 8:50
  • iluxa, почитайте про резолверы (это концепция дата провайдеров), то есть логика получение данных изолируется и компонент уже получает готовый чанк "чего угодно". сначала почитайте и отпишитесь по прогрессу, дам ответ когда у вас будет что-то не получаться
    – arturovt
    9 апр 2019 в 8:51

1 ответ 1

1

Обещают в 8й версии запилить такое https://github.com/angular/angular/issues/18967#issuecomment-454598521

Компонент-контейнер - вполне норм идея. Да и в принципе, иметь компоненты-контейнеры специально для отображения страниц - вполне ок. В этом популярном репо с примером прилажения именно так и делают https://github.com/Ismaestro/angular7-example-app/blob/master/src/app/modules/heroes/heroes-routing.module.ts

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.