检查字段存在，并在此基础上以角度显示数据

Question

我的代码中有多个if-else，如下面的

<td>
<div *ngIf="data?.IsUser; else recentView"> 
<span span *ngIf="data.user=='primary'; else userType">{{data.Name}}</span>
<ng-template #userType>
{{data.Name}}
</ng-template>
</div>
<ng-template #recentView>{{ data.Name }} </ng-template> 
</td>

但是得到

无法绑定到"ngIf"，因为它不是"div"的已知属性。

如果data?.IsUser密钥不存在，则显示<ng-template>块

任何解决方案谢谢

Answer 1

如果使用ng-template，则应使用ng-container。我认为这将有助于你解决上述问题。

<td>
<ng-container *ngIf="data?.IsUser; then listView; else recentView"></ng-container>

<ng-template #listView>
<ng-container *ngIf="data.user=='primary'; then primary; else userType"></ng-container>

<ng-template #primary>
<!-- Your code -->
</ng-template>

<ng-template #userType>
<!-- Your code -->
</ng-template>

</ng-template>

<ng-template #recentView>
<!-- Your code -->
</ng-template>
</td>

Answer 2

无法绑定到'ngIf'，因为它不是'div'的已知属性。

这意味着您的模块没有CommonModule的导入语句

你应该添加

import {CommonModule} from @angular/core