Я хотел бы, чтобы мое модальное всплывающее окно загружалось в родительском компоненте (например, «app.component.ts»). Причина в том, что мне нужно вызывать его несколько раз в приложении, и я не хочу вставлять его на каждую страницу.
Затем у меня есть страницы с несколькими маршрутами вниз, которые должны иметь возможность включать и выключать этот модальный экран загрузки. Лучший способ сделать это через службу или с помощью ввода?
Вы всегда можете передать событие родителю (app.component), чтобы показать модальное всплывающее окно.
app.component.html
<div>
<child-component (onShow)="showPopup($event)"></child-component>
</div>
app.component.ts
public showPopup(show : boolean){
if(show){
/* code to show popup goes there */
}
}
child.component.ts
@Output() onShow= new EventEmitter()<boolean>;
public someFunc(){
/*once you are ready to show popup */
this.onShow.emit(true);
}
import {Output, EventEmitter} from '@angular/core';17.03.2017