Angular2 onclick in ngfor

Question

尝试在ngFor期间通过点击输出函数调用。我不知道如何引用它。

我是新来的angualr2，我不确定这是否是实现此目的的正确方法。我希望有任何建议。

export class Navbar { 

    constructor() {} 

    public userNavs = [ 
     { title: 'Account', click: 'account()' }, 
     { title: 'Logout', click: 'logout()' } 
    ] 

    logout() { 
     console.log('working'); 
    } 

    account(){ 
     console.log('working'); 
    } 

    ngOnInit() {} 
} 

////HTML//// 

<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="userdropdown">    
    <li *ngFor="let nav of userNavs" ><a class="dropdown-item btn-sm" (click)="{{ nav.click }}" >{{ nav.title }}</a></li> 
</ul> 

Answer 1

这是一个更好的办法：

export class Navbar { 

    constructor() {} 

    public userNavs = [ 
     { title: 'Account', click: 'account()' }, 
     { title: 'Logout', click: 'logout()' } 
    ] 

    eventClick(userNav){ 
     if('Account') this.account(); 
     else this.logout(); 
    } 

    logout() { 
     console.log('working logout'); 
    } 

    account(){ 
     console.log('working account'); 
    } 

    ngOnInit() {} 
} 

////HTML//// 

<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="userdropdown">    
    <li *ngFor="let nav of userNavs" ><a class="dropdown-item btn-sm" (click)="eventClick(nav)" >{{ nav.title }}</a></li> 
</ul>