Javascript 如何在离子2上的对象数组上循环？

我的应用程序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>

我的错误是：

js:3错误：未捕获（承诺中）：错误：模板解析 错误：无法绑定到“ngforOf”，因为它不是的已知属性 “离子柱”。 1.如果“ion col”是一个角度组件，并且具有“ngforOf”输入，则验证它是否是该模块的一部分。 2.如果“ion col”是一个Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息

---

如果代码位于

AppModule

的

imports:[…]

中，则需要将

BrowserModule

添加到

imports:[…]

中，或者，如果代码位于另一个模块中，则需要将

CommonModule

添加到

imports:[…]

---

错误消息表示模块中不知道

NgFor

指令。导入

CommonModule

或

BrowserModule

（

AppModule

仅限）使其可用。

您需要将

BrowserModule

添加到

AppModule

的导入：[…]，如果这是您的代码所在的位置，或者将

CommonModule

添加到

imports:[…]

如果您的代码位于其他模块中

---

错误消息表示模块中不知道

NgFor

指令。导入

CommonModule

或

BrowserModule

（

AppModule

）将使其可用。

正如错误所述，您不能使用*ngFor in标记。尝试在标记内使用它，错误将消失。

正如错误所说，您不能在标记内使用*ngFor。尝试在标记内部使用它，错误将消失。

ngFor。我想把一个角变为2。我在语法上遗漏了什么？谢谢你的帮助。我想把一个角变为2。我在语法上遗漏了什么？谢谢你的帮助谢谢你的信息，我添加了我的导入，我想我遗漏了一些。谢谢你的信息，我添加了我的导入，我想我遗漏了一些。