Ngfor的问题仅支持绑定到诸如Arrays之类的Iterables

Question

错误支持'string'类型的'Active'对象。 NgFor仅支持绑定到诸如Arrays之类的Iterables。

我试图让它在每次点击切换的地方它会将{{ setting }}从非活动状态更改为活动状态。如果另一个方法无法实现，我试图让这个方法有效。

代码html：

<ion-item>
    <ion-label>Front Door</ion-label>
    <ion-toggle [(ngModel)]="fdoor" ng-model="ni_toggle" (ionChange)="Fdoor()" (click)="change()"></ion-toggle>
  </ion-item>
 <div *ngFor="let setting of sett">
   {{ setting }}
 </div>

TS：

active: string = "Active"
inactive: string = "Inactive"


change() {
    if(this.fdoor = true) {
      this.sett = this.active
    }
  }

Answer 1

我不知道你的目的是什么。但我认为你应该这样做：

sett = false;
change() {
    if(this.fdoor = true) {
      this.sett = !this.sett;
    }
  }

HTML

<ion-item>
    <ion-label>Front Door</ion-label>
    <ion-toggle [(ngModel)]="fdoor" ng-model="ni_toggle" (ionChange)="Fdoor()" (click)="change()"></ion-toggle>
  </ion-item>
 <div>
   {{ sett ? "Active" : "Inactive" }}
 </div>