Angular 2 показывает тот же компонент с теми же данными в другом компоненте - PullRequest
0 голосов
/ 22 мая 2018

Это вопрос о дизайне.

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

Более подробно: у меня есть основной компонент, внутри которого у меня есть другой компонент, который получает некоторые данные от него через декоратор @Input.Когда я просматриваю страницу «main-component», она показывает все данные, как и ожидалось из предварительного просмотра сообщений.Однако я создал отдельный модальный компонент, который является дочерним компонентом предварительного просмотра сообщений, который запускается с помощью кнопки внутри.Ho

Как я могу дублировать (клонировать) ту же самую страницу, что и в модальном компоненте, без повторной передачи данных, поскольку они уже есть?

  <main-component>
     <app-message-preview [message]="selectedItem" [context]="context">
     </app-message-preview>
  </main-component>

Внешний компонент

<modal-component>
        <app-message-preview [message]="selectedItem" [context]="context">
         </app-message-preview>
</modal-component>

1 Ответ

0 голосов
/ 22 мая 2018

Вы можете использовать BehaviorSubject для связи между сервисами.Пожалуйста, проверьте эти ссылки: http://jasonwatmore.com/post/2016/12/01/angular-2-communicating-between-components-with-observable-subject

https://medium.com/dailyjs/3-ways-to-communicate-between-angular-components-a1e3f3304ecb

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...