* ngFor + angular4を使用して各行データをコンポーネントに渡す方法

Question

以下のようなhtmlがあります。助けが必要。私はAngularの専門知識ではない。

<tbody>  
     <tr *ngFor="let data of employeeFilterLists"> 
      <td>{{data.Code}}</td> 
      <td (click)="selectEmployee('{{data.Code}}')">{{data.FirstName}} {{data.LastName}}</td> 
      <td>{{data.Salary}}</td> 
     </tr>  
</tbody> 

ここで、メソッドから別のコンポーネントを呼び出すための値をキャッチするコンポーネントメソッドを記述しました。

selectEmployee(mdData:string){ 
    console.log("Choose Model...."+ mdData); 
} 

以下のエラーが発生しています。

Uncaught Error: Template parse errors: 
Parser Error: Got interpolation ({{}}) where expression was expected at column 16 in [selectEmployee('{{data.Code}}')] in ng:///AppModule/EmployeeComponent.html@16:16 (" <tr *ngFor="let data of employeeFilterLists"> 
      <td>{{data.Code}}</td> 
      <td [ERROR ->](click)="selectEmployee('{{data.Code}}')">{{data.FirstName}} {{data.LastName}}</td> 
      <td>{"): ng:///AppModule/EmployeeComponent.html@16:16 
Parser Error: Got interpolation ({{}}) where expression was expected at column 16 in [selectEmployee('{{data.Code}}')] in ng:///AppModule/EmployeeComponent.html@16:16 ("ists"> 
      <td>{{data.Code}}</td> 
      <td (click)="selectEmployee('{{data.Code}}')">[ERROR ->]{{data.FirstName}} {{data.LastName}}</td> 
      <td>{{data.Salary}}</td> 
     </tr> 
"): ng:///AppModule/EmployeeComponent.html@16:58 
Parser Error: Got interpolation ({{}}) where expression was expected at column 16 in [selectEmployee('{{data.Code}}')] in ng:///AppModule/EmployeeComponent.html@16:16 ("(click)="selectEmployee('{{data.Code}}')">{{data.FirstName}} {{data.LastName}}</td> 
      <td>[ERROR ->]{{data.Salary}}</td> 
     </tr> 

"): ng:///AppModule/EmployeeComponent.html@17:16 

Answer 1

あなたは削除する必要があります{{}} selectEmployee方法では、

これは、このように書き：このことができます

<td (click)="selectEmployee(data.Code)">{{data.FirstName}} {{data.LastName}}</td> 

願っています！