TypeError.无法读取*ngif上未定义的'toUpperCase'属性 无法读取*ngif上未定义的'toUpperCase'属性 - ionic 4。

Question

我试着用*ngif和else传递一个false到boolean.The ngif是工作的，但else一直得到上面的错误。 希望有人能帮助我。

  <div *ngFor="let nameList of nameList">
     <ion-row class="cont-text" *ngIf="nameList?.alertType ==='new'; else let this.havedata === 'false'">
        &#8226; {{nameList?.description}} from {{NameList?.creationDate | date : 'dd MMM yyyy'}}<br>
     </ion-row>
  </div>
   <div *ngIf="haveData === 'false'">
       <ion-row class="cont-text">No Problem is captured</ion-row>
   </div>

Answer 1

你只能使用 else 块作为一个 "指针"，指向一个带有指定标签的元素。

<div *ngIf="condition; else elseBlock">Content to render when condition is true.</div>
<ng-template #elseBlock>Content to render when condition is false.</ng-template>

请在文档中阅读更多信息。https:/angular.ioapicommonNgIf。

---

你可以通过在显示数据到html页面之前将数据分离来修正你的实现。你可以循环处理ts文件中的项目，并填充正确的数组和或错误变量。或者使用正确的 else方法。

<div *ngFor="let nameList of nameList">
  <ion-row class="cont-text" *ngIf="nameList?.alertType ==='new'; else #elseBlock">
    &#8226; {{ nameList?.description }} from {{ NameList?.creationDate | date : 'dd MMM yyyy' }}<br>
  </ion-row>
</div>
<ng-template #elseBlock>
  <ion-row class="cont-text">No Problem is captured</ion-row>
</ng-template>