如何在离子2上的物体阵列上循环？

Question

我的应用程序TS文件中有一个对象数组，我正在用从存储中获得的对象填充数组。

import { Component, ViewChild } from '@angular/core';
import { Nav, Platform } from 'ionic-angular';
import { StatusBar, Splashscreen } from 'ionic-native';
import { Dbservice } from '../providers/dbservice';

import { Home } from '../pages/page1/page1';
 import { Setup } from '../pages/frameSetup/setup';

export class Home {
    deviceObj = [];
     constructor(){
         this.deviceObj.push(otherObject);
     }
}

在我的html文件中，我想查看数组并显示数据，但是当我这样做时，我会收到一条错误消息。

这是我的html文件上的代码。

  <ion-row>
    <ion-col width-10 *ngFor="let x of deviceObj">
      <button ion-button outline icon-only small>
        <ion-icon name="ios-add"></ion-icon>
      </button>
    </ion-col>
    <ion-col width-10>
      <button ion-button outline icon-only small [navPush]="setupPage">
        <ion-icon name="ios-add"></ion-icon>
      </button>
    </ion-col>
  </ion-row>

我说错了：

polyfills.js:3错误: Uncaught (为了承诺)：错误:模板解析错误:不能绑定到'ngforOf‘，因为它不是一个已知的’ion‘属性。1.如果“离子-乙二醇”是一个角度分量，并且有“ngforOf”输入，则验证它是该模块的一部分。2.如果'ion-col‘是Web组件，则在该组件的'@NgModule.schemas’中添加“@NgModule.schemas”以抑制此消息。

Answer 1

如果您的代码位于此，则需要将BrowserModule添加到imports: [...] of AppModule，或者如果您的代码位于另一个模块中，则需要将CommonModule添加到imports: [...]。

错误消息意味着模块中不知道NgFor指令。导入CommonModule或BrowserModule (仅限AppModule)使其可用。

Answer 2

正如错误所述，您只是不能在标记中使用*ngFor。试着在标签中使用它，错误就会消失。