要解决Angular 6/7辅助输出口导航到指定路由时清除主输出口的问题,可以使用以下解决方法:
mainContent
的变量。export class AuxiliaryComponent {
mainContent: string;
// ...
// 在导航到指定路由之前保存主输出口内容
saveMainContent(content: string) {
this.mainContent = content;
}
}
ngIf
指令来判断是否存在主输出口的内容。如果存在,则显示主输出口的内容。
export class MainComponent {
constructor(private auxiliaryComponent: AuxiliaryComponent) {}
navigateToAuxiliary() {
// 获取主输出口内容
const mainContent = document.getElementById('main-output').innerHTML;
// 导航到辅助输出口之前保存主输出口内容
this.auxiliaryComponent.saveMainContent(mainContent);
}
}
navigateToAuxiliary
方法。
这样,在导航到辅助输出口时,主输出口的内容将被保存,并在辅助输出口中显示出来,而不会被清除。