Как получить данные родительского компонента из дочернего окна в angular 8, используя window.opener

Question

У меня есть 2 страницы в angular, страница1 с кнопкой, при нажатии открывается страница2. Так что они 2 разных компонента. Я должен использовать window.opener для получения данных page1 на page2, потому что я звоню window.opener.page1Func()

В чистых html и javascript, я могу получить данные из page1fun c, определенных на page1.

page1

function page1func()
{
    return "xxx";
}

page2

var result = window.opener.page1func();

выше работает нормально в чистых js и html, но как я могу сделать это Angular способом? (angular 8 - то, что я использую)

Любая подсказка была бы полезна. Спасибо.

Answer 1

Существует несколько способов передачи данных от родителя к потомку (всплывающее новое окно)

1. Определение компонента " window ", который будет отображаться в новом всплывающее окно. Вот рабочий пример компонента всплывающего окна

2. ngrx-store

3. window.postMessage ()

4. сеанс / локальное хранилище