Ngfor的问题仅支持绑定到数组等Iterables

Question

错误 类型为“ string”的支持对象“活动”。 NgFor仅支持绑定到数组等Iterable。

我试图将其设置为每次单击切换开关时都会将{{ 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>