パラメータ内のパラメータを持つコール関数

Question

私はangular2についての知識はありませんが、既存のコードにフィーチャを追加しようとしています。私は、パラメータとそれを呼び出すしたいと思います

<a (click)="somefunction()">TEST</a> 

：

これは、コンポーネント内の関数呼び出しです。どうやってするの？ (click)="somefunction(something='test')

Answer 1

javascriptで入力を処理する必要があるため、関数を呼び出すときに変数を割り当てる必要はありません。以下のコードは、同じコンポーネントにあるtsとhtmlを使用していることを前提としています。

私はすぐにいくつかのコンテキストを与えるのに役立つコンポーネントをまとめました。

HTML

 <tr *ngFor="let staff of allStaff"> 
      <td>{{staff.name}}</td> 
      <td>{{staff.position}}</td> 
      <td>{{staff.created_at}}</td> 
      <td><button (click)="here(staff)"><span>View</span></button> 
     </tr> 

TS

import { Component, AfterViewChecked } from '@angular/core'; 
import { StaffService } from '../staff.service'; 

import { Staff } from '../staff'; 

@Component({ 
    templateUrl: './view-all.component.html' 
}) 

export class ViewAllComponent { 
    allStaff: Staff[]; 

    constructor(
    private staffService: StaffService, 
) { 
    this.getAllStaff(); 
    }; 

    getAllStaff(): void { 
    this.staffService.getAllStaff().then(res => this.allStaff = res); 
    }; 

    here(staff: Staff): void { 
    console.log(staff); 
    } 
} 

Answer 2

は、以下のリンクを参照してください、これは役立つかもしれない：Angular 1.5 Component: passing a function

が先に素敵な一日を:)