Angular 6/7辅助插座按路线导航到-清除主插座，它不应该

Angular 6/7辅助插座是Angular框架中的一个功能，用于在组件之间进行通信。辅助插座是一种特殊的指令，它可以在组件模板中定义一个插槽，其他组件可以将内容插入到这个插槽中。

按路线导航到-清除主插座是一个具体的功能需求，可能是指在导航到某个页面或执行某个操作时，需要清除主插座中的内容。

在Angular中，可以通过以下步骤实现这个功能：

在目标组件的模板中，使用辅助插座指令定义一个插槽，例如：

<ng-container *ngIf="showContent">
  <ng-content></ng-content>
</ng-container>

在源组件中，使用@ViewChild装饰器获取目标组件的实例，并通过实例的属性或方法来控制辅助插座的内容。例如：

import { Component, ViewChild } from '@angular/core';
import { TargetComponent } from 'path/to/target.component';

@Component({
  selector: 'app-source',
  template: `
    <button (click)="clearContent()">Clear Main Outlet</button>
    <app-target>
      <div>Content to be cleared</div>
    </app-target>
  `,
})
export class SourceComponent {
  @ViewChild(TargetComponent) targetComponent: TargetComponent;

  clearContent() {
    this.targetComponent.showContent = false;
  }
}

在目标组件中，定义一个属性来控制辅助插座的内容是否显示。例如：

import { Component } from '@angular/core';

@Component({
  selector: 'app-target',
  template: `
    <ng-container *appAuxOutlet>
      <ng-content></ng-content>
    </ng-container>
  `,
})
export class TargetComponent {
  showContent = true;
}

这样，当点击源组件中的按钮时，目标组件中的辅助插座内容将被清除。

关于Angular的辅助插座和路由导航，可以参考以下腾讯云相关产品和文档：