Angular2點擊和ngIF

Question

我想在ngIF值為True時使用(click)功能。

<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>

所以我需要在<tr>標簽中添加ngIF ，就像{{ domain.validated }}值為True ，然后(click)函數有效，否則它不起作用或顯示變量值為False消息。 怎么做？

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時，才會調用該函數。

Answer 2

您可以向goToDetail函數提供第二個參數Boolean，並僅在用戶為真時重定向。

Answer 3

嘗試這個：

<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>
  </template>
</tbody>

您也可以使用ng-template 。

Answer 4

您可以像這樣定義您的函數：

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