2016-03-25 15 views
2

メールを作成するには、[作成]ボタンをクリックしてメールテンプレートを開きます(クリックするとメールを作成するときにクリックします)。角2の補助ルートを削除/無効にするには

質問:十字ボタンをクリックすると、この補助ルートを削除または無効にする方法です。

please see image for better explanation

app.ts

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

app.html

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

mailer.component.ts

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

mailer.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> 
+0

https://github.com/angular/angular/issues/5122、http://stackoverflow.com/questions/36325376も参照してください。 /補助ルート内の角2 - ナビゲート後のURLに#36325376(未回答) –

答えて

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

ようこそ!このコードスニペットは問題を解決するかもしれませんが、[説明を含めて](// meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers)本当にあなたの投稿の質を向上させるのに役立ちます。将来読者の質問に答えていることを覚えておいてください。そうした人々はあなたのコード提案の理由を知らないかもしれません。あなたのコードに説明的なコメントを詰め込まないようにしてください。これは、コードと説明の両方の可読性を低下させます! – kayess

関連する問題