单击以删除/停用角度 2 中的辅助路线

Question

当我点击撰写按钮以打开电子邮件模板时（例如；当点击撰写邮件时在 gmail 中给出），在单页中使用多个模板的辅助路由。

问题是：如何在单击十字按钮时删除或停用此辅助路由。

应用程序

   @RouteConfig([
    {
     path: '/',
     name: 'OpportunityList',
     component: OpportunityComponent,
     useAsDefault: true
    },
    {
     path: '/detail',
     name: 'Detail',
     component: DetailComponent
    },
    {
     aux: '/mailer', 
     name: 'Mailer', 
     component: MailerComponent
     }
   ])

应用程序.html

    <a [routerLink]="['/', ['Mailer'] ]" >Compose</a>

邮件程序组件.ts

   export class MailComponent implements OnInit{
      closeEmail(){
          console.log("please suggest me to Deactivate this template")
       }
    }

邮件程序.component.html

   <div class="header with-bord">
     <h3 class="title">New Message <a (click)="closeEmail()" class="close"><i class="fa fa-times"></i></a></h3>
    </div>

Answer 1

this.router.navigate([{ outlets: { aux: null } }]);