角度でログアウトメソッドをバインドする

Question

ログアウト機能をメニュー項目にバインドしようとしていますが、誰かがログアウトをクリックしてユーザーをサインアウトしたときにそのメニュー項目にバインドしようとしています。私は、次のコードを試してみましたが、動作していないようです。私はそれが、この場合には簡単ですコメントを、設定にリダイレクトアカウント設定をクリックすると、ここで

は私component.tsファイル例えば

usermenu: Object[] = [ { 
    icon: 'tune', 
    route: '/dashboard/settings', 
    title: 'Account settings' 
    }, { 
    icon: 'exit_to_app', 
    route: '', 
    title: 'Sign out', 
    method: 'logout()' 
    }, 
]; 

logout(){ 
    //my code 
} 

マイtemplate.html

<md-nav-list> 
    <a *ngFor="let item of usermenu" [routerLink]="item.route" md-list-item (click)="item.method" ><md-icon>{{item.icon}}</md-icon>{{item.title}}</a> 
    </md-nav-list> 

です。ログアウトするには、コンポーネントではなく、私が作成したメソッドlogout()です。クリックすると経路にバインドすることができます。ユーザーをログアウトします。

Answer 1

はこちらをご覧ください：

http://plnkr.co/edit/UWLgn5B6ADLc26mgHWDb?p=info

を私が修正：

usermenu: Object[] = [ { 
    icon: 'tune', 
    route: '/dashboard/settings', 
    title: 'Account settings', 
method:()=>{} 
    }, { 
    icon: 'exit_to_app', 
    route: '', 
    title: 'Sign out', 
    method: this.logout 
    }, 
]; 

、テンプレートに：

<a *ngFor="let item of usermenu" [routerLink]="item.route" md-list-item (click)="item.method()" > 
      <md-icon>{{item.icon}}</md-icon> 
      {{item.title}} 
     </a> 

だから、基本的にはデフォルトの矢印の機能を追加する必要があります動作していないすべてのリンクについて、私はinstが本当にマート、それは動作します。