如何在Angular

时间:2018-05-30 14:11:45

标签: angular

我遇到一个问题,即if条件执行后默认模板仍然出现。因此,例如在下面的代码中,链接将在第一个if中打印,然后在同一列中的默认模板中没有链接的情况下打印。我希望默认模板在大多数情况下执行,但3 if条件除外。

<div *ngIf=" (something != undefined) ) ; else second">
    <a href="linkhere">{{ row[column] }}</a>
</div>

<div #second *ngIf=" (something2 != undefined) ; else third">
    <a href="mailto:{{ row.email }}" (click)="stopProp($event)"></a>
</div>

<div #third *ngIf=" (somethingelse != undefined); else defaultTemplate">
    <mat-icon color="warn" class="material-icons">clear</mat-icon> 
</div>

<ng-template #defaultTemplate>
    {{ row[column] }}
</ng-template>

0 个答案:

没有答案