2016-11-10 5 views
1

Я использую угловой 2 с бутстрапом. У меня есть требование, когда - есть страница панели мониторинга. Когда пользователь нажимает на любую ссылку на странице панели, новый модуль должен отображаться по модальному всплывающему окну. Как достичь этого. Поскольку размер приложения большой, я хотел бы использовать функцию угловой ленивой загрузки. Заранее спасибоУгловой 2 модуль нагрузки в модальном всплывающем окне

+0

Пожалуйста, добавьте код, который демонстрирует, что вы пытаетесь выполнить, что вы пытались и где вы не смогли. Что означает «новый модуль» в «новом модуле, который должен отображаться по модальному всплытию». Как насчет использования диалогового компонента https://github.com/ng-bootstrap/ng-bootstrap? –

+0

Я думаю, вам нужно несколько маршрутизаторов, u может hv настроить маршрут для этого модального и компонентов внутри – Akanksha

ответ

0

Я думаю, что ваш вопрос нуждается в более подробной информации для правильного ответа.

Но из того, что я собрал, вы хотите загрузить модальный контент другого модуля.

Это легко достигается:

компонента приборной панели

компонента

Компонент B, который будет показан на приборной панели и имеет селектор componentB

Теперь определит свой модальный код в Компоненте B, если вы нужны данные из компонента A, просто используйте @Input() в компоненте B.

В компоненте A добавьте селектор компонентов в свой html и используйте кнопку/ссылку другого элемента, чтобы вызвать модальное окно.

Компонент А HTML:

<a data-toggle="modal" data-target="#ModalWindowName">ok</a> 
<componentB></componentB> 

Приведенные выше код вызовет модальный в компоненте В с именем ModalWindowName.

Вы можете связываться с компонентом B с помощью ввода и вывода для обмена значениями, если необходимо.