Angular2クリックとngIF

Question

(click)は、ngIFの値がTrueの場合にのみ使用します。

<tbody class="table-hover domains"> 
    <tr *ngFor="let domain of domains" (click)="gotoDetail(domain.id)"> 
     <td class="col-md-3">{{ domain.name }}</td> 
     <td>{{ domain.validated }}</td> 
    </tr> 
</tbody> 

だから私はそれが変数に値Falseを持っていることを示すメッセージが仕事や表示されない他、その後、(click)機能が働き、{{ domain.validated }}値はTrueであるかのように<tr>タグでngIFを追加する必要があります。どうやってするか？

Answer 1

は、これを使用してみてください：

<tbody class="table-hover domains"> 
    <tr *ngFor="let domain of domains" (click)="!domain.validated || gotoDetail(domain.id)"> 
    <td class="col-md-3">{{ domain.name }}</td> 
    <td>{{ domain.validated }}</td> 
    </tr> 
</tbody> 

はそれがあなたのために働くことを願っています。

この関数は、最初の部分（！domain.validated）がfalseを返す場合にのみ呼び出されます。あなたはまた、ng-templateを使用することができます

<tbody class="table-hover domains"> 
    <template ngFor let-domain [ngForOf]="domains "> 
    <tr *ngIf="domain.validated" (click)="gotoDetail(domain.id)"> 
    <td class="col-md-3">{{ domain.name }}</td> 
    <td>{{ domain.validated }}</td> 
    </tr> 

：

Answer 2

2番目のパラメータBooleanをgoToDetail関数に指定し、trueの場合にのみユーザーをリダイレクトできます。

Answer 3

はこれを試してみてください。

Answer 4

あなたはこのようなあなたの関数を定義することができます：ngIFがfalseになる場合

gotoDetail(id: number){ 
    if (this.domain.validated) 
    // Your normal code 
    else 
    // Display error message, Do nothing 
}