android - ionic ngIf return 语句永远循环

Question

我想检查 ngIf 语句是否为真，然后它会显示我从 Web 服务获得的图标，但是当我尝试构建它并在 Android 手机上运行它时，该函数似乎永远循环。

这是我的代码。

HTML:

<ion-content>
  <ion-list>
    <ion-item *ngFor="let periode of items" (click)="dismiss(periode)">
      <ion-avatar item-start>
        <img *ngIf="checkIcon(periode.img)=='1'" class="image-icon" src="{{periode.img}}" style="border-radius:0%;">
        <img *ngIf="checkIcon(periode.img)=='0'" class="image-icon" src="assets/imgs/home/App-Icon.png" style="border-radius:0%;">
      </ion-avatar>
      <button ion-item value="{{periode.Productid}}"></button>
      <ion-label><a style="color:#838383;font-size:13px;font-weight:400">{{ periode.Productdesc }}</a> </ion-label>
    </ion-item>
  </ion-list>
</ion-content>

TS:

checkIcon(icoimg:any) {
    var vars;

        this.file.checkFile('file:///android_asset/www/', icoimg).then(
          (files) => {
        return vars === "1";
          }
    ).catch (
          (err) => {
        return vars === "0";
          }
    );
    }

我不知道为什么它不起作用，有人可以帮忙吗？

Answer 1

你的 checkIcon 没有返回任何东西，它应该返回结果以便让 ngIf 工作，在调用前面添加一个 return

return this.file.checkFile('file:///android_asset/www/', icoimg).then