角度2つのデータ

Question

角度2バージョン：rc.1

私は* ngForとを使用して、テーブル内の名前と場所のリストを返す午前私はをクリックし、セルにデータをバインドします私のコンポーネントの変数に接続してください。

component.html

<tr *ngFor="let result of Results$"> 
    <td #foo (click)="passValue(foo)"> 
    {{result?.name}} 
    </td> 
    <td> 
    {{result?.place}} 
    </td> 
</tr> 

component.ts

passValue(foo) { 
    this.value = foo; 
    console.log(foo); 
} 

コンソールで、私はその値として "ジョン" でセルをクリックすると次のようになっています：

<td _ngcontent-pof-13=""> 
    John 
</td> 

理想的には、コンソールはtd要素全体の代わりに "John"だけをログに記録します。

多分それとは全く違った、より良い方法があります。

アイデア？ここ

Answer 1

<tr *ngFor="let result of Results$"> 
    <td #foo (click)="passValue(foo)"> 

#footemplate reference variableある - DOM要素自体への参照。 resultはあなたに結合しているデータへの参照である - この場合は、値「ジョン」と名前フィールドを持つオブジェクト：だから

、交換してください

<td #foo (click)="passValue(foo)"> // prints the td element 

によって：

<td #foo (click)="passValue(result?.name)"> // prints "John"