私はこのようなリストのHTMLを作っしたい、私は2角度 に問題がある2

Question

HTML角度の各反復要素に一意の値を追加します。リンク付き

<ul> 
    <li> 
    <li>.. 
</ul> 

が、私は、反復を追加する方法がわかりませんNG2のHTMLオブジェクトへの引数。 それは私のコードです：

<ul> 
    <li *ngFor="let item of geoNames | filterBy: userFilter" 
        (click)="showNameG= !showNameG" > 
     <a>{{ item.name }}</a> 
    </li> 
</ul> 

<div *ngIf="showNazwyG"> 
    <show-NameG></show-NameG> 
</div> 

そして私は、クリックされたから認識する要素liのそれぞれに別の名前を追加します。 AngularJSではこのような何かを働いた：

(click)="showNameG{{index}}= !showNameG{{index}}" 

Answer 1

*ngForが変数indexコンテキストを提供し、その値をプロパティshowNameGを作成し、切り替え

<li *ngFor="let item of geoNames | filterBy: userFilter; let i=index" 
    (click)="showNameG[i]= !showNameG[i]" ><a>{{ item.name }}</a></li> 

更新

<li *ngFor="let item of geoNames | filterBy: userFilter; let i=index" 
    (click)="self['showNameG'] + i = !self['showNameG']" ><a>{{ item.name }}</a></li> 

export class MyComponent { 
    get self() { 
    return this; 
    } 
} 

Answer 2

使用item、

<li *ngFor="let item of geoNames | filterBy: userFilter" (click)="item.showNameG=!item.showNameG" ></li> 

Answer 3

あなたの* ngForに以下を追加する必要があります。

let index = index; 

終わりに、あなたは、この持っている必要があります。ここでは

<ul> 
    <li *ngFor="let item of geoNames | filterBy: userFilter; let index = index;" (click)="showNameG[index] = !showNameG[index]" ><a>{{ item.name }}</a></li> 
</ul> 

を* ngForの良い説明です： https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html