错误：'object‘类型的'[object Object]’。NgFor仅支持绑定到迭代对象，如数组。-离子项目
错误：'object'类型的'[object Object]'。NgFor仅支持绑定到迭代对象，如数组。
这个错误是在使用Ionic项目中的NgFor指令时出现的。NgFor指令用于在模板中循环渲染元素，但它只能绑定到迭代对象，如数组。
出现这个错误的原因是尝试将一个对象绑定到NgFor指令，而不是一个数组。NgFor只能循环遍历数组中的元素，而不能直接遍历一个对象。
解决这个错误的方法是确保将一个数组作为NgFor指令的绑定对象。如果你有一个对象，你可以使用对象的属性来创建一个数组，然后将该数组绑定到NgFor指令。
例如，假设你有一个名为"items"的对象，你可以使用对象的属性来创建一个数组，然后将该数组绑定到NgFor指令：
items = {
item1: { name: 'Item 1', value: 1 },
item2: { name: 'Item 2', value: 2 },
item3: { name: 'Item 3', value: 3 }
};
// 将对象的属性转换为数组
itemArray = Object.values(this.items);然后，在模板中将"itemArray"绑定到NgFor指令：
<ion-item *ngFor="let item of itemArray">
{{ item.name }} - {{ item.value }}
</ion-item>这样就可以正确地使用NgFor指令循环渲染对象的属性了。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云数据库（TencentDB）。
腾讯云云服务器（CVM）是一种可弹性伸缩的云服务器，提供高性能、高可靠性的计算能力，适用于各种应用场景。
腾讯云对象存储（COS）是一种安全、稳定、低成本的云端存储服务，适用于存储和处理各种类型的数据，如图片、视频、文档等。
腾讯云数据库（TencentDB）是一种高性能、可扩展的云数据库服务，支持多种数据库引擎，适用于各种应用的数据存储和管理。
你可以通过以下链接了解更多关于腾讯云相关产品的信息：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
相关·内容
3回答
paymentOptions =
[
{
"key":"COD",
"value":"COD"
},
{
"key":"ONLINE",
"value":"ONLINE"
}
];
当我使用ngFor在html文件中循环时，我在组件ts文件中有一个对象数组
<div *ngFor="let obj of paymentOptions">
<input type="c
浏览 0提问于2021-10-11得票数 1
1回答
在角5中找不到不同的支撑物体
、、、、
我在角5中使用了ngfor指令，在该指令中，我试图从Firebase填充行。
我使用的包含ngfor指令的HTML如下：
<!–– getting error here on below tr tag ––>
<tr *ngFor="let row of attendee">
<td class="left">{{ attendee.first_name }} {{ attendee.last_name }}</td>
<td class="number1">250</
浏览 3提问于2018-04-19得票数 0
使用ngFor -角4时发生错误
当我执行这个函数时，有人知道如何知道为什么这个错误会显示在控制台上吗？
正在显示数据，但仍会显示此错误。
empresas = <Empresa> {};
constructor(private service: Service) { }
ngOnInit() {
this.service.getEmpresas().subscribe((res) => {
this.empresas = res
})
}
模板
<tr *ngFor="let empresa of empresa
浏览 11提问于2017-09-07得票数 1
回答已采纳
我正在尝试为一组相同的输入使用*ngFor，但输入应该绑定到的属性除外。 <mat-form-field *ngFor="let prop of [ID, Name, Nickname]">
<input matInput type="text" placeholder="prop.key" #propInput [(ngModel)]="prop">
<button mat-icon-button matSuffix mat-icon-button *ngIf="propI
浏览 25提问于2019-09-27得票数 1
回答已采纳
我试图让我的JSON数据显示在一个应用程序中使用离子型。
当试图输出数据时，Im会得到以下错误：
错误错误："Uncaught (在承诺中)：Error:无法找到“object”类型不同的支持对象'object‘。NgFor只支持绑定到诸如数组之类的Iterable。
我的数据看起来如下：
{
"1": {
"name": "John",
"lastname": "Jonson",
"email": "example@example.com"
浏览 1提问于2018-08-08得票数 0
回答已采纳
我尝试在角4.4中使用异步管道和ngFor指令。它可以正常工作，但我在控制台中得到了奇怪的错误消息：
“错误:找不到' object‘类型不同的支持对象' Object’。NgFor只支持绑定到诸如数组之类的Iterable。”
<table>
<tbody>
<tr *ngFor="let event of events | async">
</tr>
</tbody>
</table>
export class EventsComponent {
events
浏览 4提问于2017-09-30得票数 0
2回答
我是非常新的离子/角度，并有问题的ngFor。现在，下面的ngFor按预期创建列和卡片，但我的项数组中没有数据显示在卡片中。我不明白为什么要创建列/卡片，但是在它们中没有显示{{items.key}}数据。任何帮助都将不胜感激！
(此外，这是我的第一个问题，所以请告诉我是否使用了错误的标签或任何东西)
html文件：
<ion-content>
<ion-grid>
<ion-row wrap>
<ion-col *ngFor="let item of items" >
<ion-card>
&
浏览 7提问于2019-11-17得票数 0
回答已采纳
3回答
我试图使用NgFor指令显示具有id和name的对象的列表，但下面是错误：
错误:无法找到类型为“object”的不同支持对象“对象对象”。NgFor只支持绑定到诸如数组.之类的可移植项。
下面是供参考的代码文件。
`heroes.component.ts:
此文件已声明英雄对象。
import { Component, OnInit } from '@angular/core';
import { Hero } from '../hero';
import { HEROES } from '../mock-heroes';
@C
浏览 4提问于2018-04-15得票数 2
回答已采纳
2回答
我正在学习本教程：
下面是我的系统信息(您可以看到我正在使用Ionic 3)：
$ ionic info
cli packages: (C:\Users\Hatuey\AppData\Roaming\npm\node_modules)
@ionic/cli-utils : 1.9.2
ionic (Ionic CLI) : 3.9.2
local packages:
@ionic/app-scripts : 2.1.4
Ionic Framework : ionic-angular 3.6.0
System:
Node : v6.1
浏览 5提问于2017-09-01得票数 1
回答已采纳
我是Angular的新手，我只是想知道是否可以在不使用let项的情况下使用ngFor指令；让i= index语法 在使用ngFor迭代数组时，有没有其他方法可以获得索引 我的示例应用程序 <div *ngFor="let oddNumber of oddNumbers; let i = index">
<app-odd *ngIf="oddNumbers[i]" [number]="oddNumbers[i]"></app-odd>
<app-even *ngIf="evenNumb
浏览 34提问于2020-08-29得票数 0
我使用lodash来按数组分组： venuesByCategory: {};
// ...
this.venuesByCategory = _.groupBy(allVenues, venue => venue.category); 在我的模板中： <ion-row *ngFor="let venue of venuesByCategory | keyvalue">
<!-- -->
</ion-row> 我收到错误： ERROR Error: Cannot find a differ supporting object '
浏览 13提问于2020-01-10得票数 0
回答已采纳
1回答
不能用*ngFor列出项目
、、、、
我想为我的应用做一个简单的添加朋友和朋友请求页面。我正在使用angularjs，angularfire2和离子3。
<ion-list>
<ion-item *ngFor="let friendrequest of friendRequestArray; let i = index">
<h2>{{friendrequest.$value}}</h2>
<button ion-button item-end>Accept</button>
<button io
浏览 7提问于2017-11-14得票数 0
回答已采纳
1回答
我已经将下面的json放入一个名为logs的数组中，并希望每周使用创建的时间戳对其进行分组。
{
created : "2017-07-15 09:49:37"
entry : "this is a log entry"
}
created : "2017-07-13 09:49:37"
entry : "this is a log entry"
}
{
created : "2016-05-13 11:00:21"
entry : "this is another log entr
浏览 12提问于2017-07-15得票数 0
你好，我在ionic应用程序更新中有以下json，我将其更改为从api获取数组，并获得以下内容
{
"chest": {
"chest": {
"1": [
"1",
"2"
],
"3": [
"1",
"2",
"3"
]
},
"hi
浏览 2提问于2018-08-23得票数 1
2回答
这一直在踢upError:找不到“object”类型不同的支持对象“object”。NgFor只支持绑定到诸如数组之类的Iterable。但是当我试着把它打印到控制台时，任何帮助都是值得赞赏的。
谢谢(：
//TypeScript File :
public names = ["Jimmy" , "Lilly"];
public ages = [20,25];
public profile = {
Name : this.names,
Age : this.ages
}
//HTML File :
<div *ngFor = &
浏览 6提问于2022-01-25得票数 0
回答已采纳
我可以从数据库中获取数据，该数据显示在我的网络选项卡中，但是当我试图在表格中显示获取的数据时，我的应用程序会出现错误。错误显示.People/Component类PeopleComponent中的错误-内联模板:93:8原因:尝试比较'object Object‘时出错
//component
export class PeopleComponent {
People: Peoples[] = [];
constructor(private httpService: HttpService, private router: Router
浏览 0提问于2017-02-23得票数 1
回答已采纳
我在我们的服务器中有一个对象，如下所示； {
"NBA": {
"link": "https://www.nba.com/",
"ticketPrice": 50
},
"UEFA": {
"link": "https://www.uefa.com/",
"ticketPrice": 39
},
"CL": {
"link&
浏览 55提问于2020-08-20得票数 2
1回答
我在一个角度应用程序中使用一个Redux来保存应用程序状态。
但在我看来，我想将这个Redux存储状态分配给一个可观察到的$变量，这个角度视图可以绑定到这个变量，并随着状态的变化而更新。
import { of } from 'rxjs';
.....
// Using RxJS operator to cast Redux store state to an Observable
public viewData: any[] = [];
this.viewData$ = of(this.store.getState());
但是，当我试图将viewData绑定到ngFor
浏览 3提问于2019-11-15得票数 0
我一直得到这个错误，我不知道该做什么：错误:找不到一个不同的支持对象' object‘类型的' Object’。NgFor只支持绑定到诸如数组之类的Iterable
这是我的服务
recupererHistorique(idCitoyen:number): Observable<Historique[]>{
let url = 'http://localhost/tpSyn/getHistoriqueCitoyen.php?idCitoyen=' + idCitoyen;
return this.http.get<Hist
浏览 4提问于2020-12-05得票数 0
2回答
我对下一个错误有疑问：
EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in build/pages/search/search.html:17:14
ORIGINAL EXCEPTION: Cannot find a differ supporting object 'function () {
return [
{
"wrapperType": "track",
"kind": "son
浏览 4提问于2016-07-20得票数 0
回答已采纳
我对离子的离子选择有问题。我试图在来自ng模型的页面加载上显示数据值。当我选择一个选项时，我将返回ng模型的所有值。
加载页面时，希望最初显示该值。这本来应该很简单，但我不确定。谢谢。
HTML
<ion-item>
<ion-select [(ngModel)]="model" formControlName="data">
<ion-option *ngFor="let person of people" value="person.personID&#
浏览 0提问于2018-04-13得票数 1
回答已采纳
我希望能够在我的Firebase数据库中的*ngFor对象的users属性上运行一个groups。
到目前为止，我正在尝试：
<h5>{{ (group$ | async)?.name }}</h5>
<div class="gd-users-container">
<span *ngFor="let user of (group$ | async)?.users">{{ user.email }}</span>
</div>
其中group$ = getGroup(): Firebas
浏览 4提问于2017-09-11得票数 1
回答已采纳
我有下一期的角
我把这个json作为实体
{
"id": 1,
"value": "I am ok"
}
我有自己的模型，如json：
[{
"Field": "id",
"ReadOnly": true,
"BackColor": "silver",
"Type": "Text"
},{
"Field": "value",
"ReadOnly&
浏览 1提问于2019-09-07得票数 0
1回答
我试图使用*ngFor迭代数组，但它不起作用。下面是我的密码。
TypeScript码
tailors: Tailors[] = [];
getTailors() {
this.tailorService.getTailors().subscribe(x => {
Object.assign(this.tailors, x);
console.log(x);
});
}
<ion-item class="animate__animated animate__fadeInUp" *ngFor="let
浏览 1提问于2022-07-27得票数 1
回答已采纳
1回答
我已经将formarray的值传递给了angular material对话框。但是在显示时，我得到了这个错误：“找不到一个不同的支持对象'object Object‘的类型' object’。NgFor只支持绑定到像数组这样的迭代对象” 以下是我的代码 openDialog() {
this.purchase_id = ("purchase" + new Date().toISOString())
for(let i=0 ;i<this.product.value.length; i++) {
let new_purchase : any
浏览 1提问于2019-10-14得票数 0
回答已采纳
收到回应:欢迎！home.ts:44:8
POST响应: Object {POST:true，message："sdf“} home.ts:38:10
错误:找不到“对象”类型不同的支持对象“对象对象”。NgFor只支持绑定到诸如数组之类的Iterable。
home.module.ts
import { Component } from '@angular/core';
import { Http } from '@angular/http';
import { NavController } from 'ionic-angular&#
浏览 0提问于2018-05-21得票数 0
回答已采纳
var arr=[
{Key0: "myValue1"},
{Key0: "myValue2"},
{Key0: "myValue3"},
{Key1: "myValue4"},
{Key2: "myValue5"}, ]
从上面的数组中，我想使用*ngFor角中的键获取值，例如，我想要显示的key0值以及其他值，
我也尝试过这样做，但无法获得所需的输出。
<li mat-list
浏览 0提问于2019-02-06得票数 0
回答已采纳
我有一个数组，并使用它的ngFor创建一些html元素。我的问题是在添加新成员后添加新成员到我的数组和更新html部分。
html部分：
<div *ngFor="let member of members">
<span>{{member}}</span>
</div>
ts部分：
let members: string[] = ['a','b','c','d'];
在呈现html部分之后，在应用程序中的某个位置，我向数组中添加了e元素，但我的html部分不会更
浏览 0提问于2019-08-07得票数 2
回答已采纳
2回答
我是离子角度的初学者，我很难理解如何处理离子角度的循环。所以我应该声明一个空数组？在我的html页面中，我需要将离子输入插入到数组中，但不知道如何插入。
这就是我想要做的编码：
在HTML中
<div ngFor="let d of day; let index as i">
<ion-item>
<ion-label></ion-label>
<ion-list-header>
<ion label> put your amount: </ion-label>
&l
浏览 3提问于2022-08-25得票数 0
通过执行以下操作，我正在尝试创建一个我认为是简单的表：
<GridLayout rows="auto" columns="*,*,auto" width="100%" class="table-body">
<Label col="0" row="0" text="Date"></Label>
<Label col="1" row="0" text="Previous Owner">
浏览 1提问于2017-02-15得票数 1
chatroom.service.ts：
...
export class Message {
author: string;
body: string;
}
export class Chatroom {
title: string;
messages: Message[]; // <-- seems to be the problem
}
@Injectable()
export class ChatroomService {
...
getChatroom = (chatroomId: string): FirebaseObjectObservable
浏览 0提问于2017-06-04得票数 0
我正在写一个meteor/angular2应用程序，我刚刚升级到rc5。当我试图根据我的组件中的mongo光标显示消息列表时，我得到了一个错误。我已经试着把代码提炼出来了，如果你还需要什么，请告诉我。
下面是组件：
import { Component, OnInit } from '@angular/core';
import { Mongo } from 'meteor/mongo';
import template from './messages-list.component.html';
@Component({
selecto
浏览 7提问于2016-09-13得票数 0
这是我的第一个问题。我对API上的http请求有问题。当我提出请求时，控制台上会出现以下错误：
异常:无法找到类型为“object”的不同支持对象“对象对象”。NgFor只支持绑定到诸如数组之类的Iterable。
每个文件的内容如下：
boot.ts
import {bootstrap} from 'angular2/platform/browser';
import {AppComponent} from "./app.component";
import {HTTP_PROVIDERS} from "angular2/http";
boo
浏览 0提问于2016-05-11得票数 0
回答已采纳
我在我的角度项目中做了一个API，我得到了这个JSON：
{
"data": {
"success": true,
"historical": true,
"date": "2022-01-01",
"base": "MXN",
"rates": {
"COFFEE": 0.02158734144632395,
"CORN": 0.008232645172711363,
浏览 1提问于2022-05-14得票数 0
我正在开发这个离子型应用程序，我想知道如何从1循环到56(api中的值)。
<ion-select [(ngModel)]="pax">
<ion-option value="{{index}}" *ngFor="let index of [0,1,2,3,4,5]">
{{index}}</ion-option>
</ion-select>
这是可行的，但当我将*ngFor更改为let index of [1..book.pages]时，它不会显示任何内容。
浏览 0提问于2018-05-04得票数 1
回答已采纳
我有一堆由ngFor循环产生的离子芯片.我已经添加了选择所有离子芯片功能使用tagDefaultColor变量。现在，当我想选择单个离子芯片时，它会选择所有的离子芯片。
我试图实现的是能够使用切换所有按钮来选择每个ion-chip，或者通过单击事件逐个选择它们。一旦选择了ion-chip，它就会将其颜色更改为主颜色。提前谢谢你。
constructor(public navCtrl: NavController, public navParams: NavParams) {
this.information = navParams.data.data;
this.childre
浏览 4提问于2019-12-26得票数 4
回答已采纳
2回答
使用地图的角度ngFor
、、、
我用的是离子3，所以是棱角分明的。
我想要实现的是使用带有Map类型的ngFor。
以下是我所拥有的：
interface IShared_Position {
lat: number;
lng: number;
time: number;
color?: string;
}
public shared_position = new Map<string, IShared_Position>();
现在从html的角度来看：
<ion-list>
<ion-item ion-item *ngFor="let item of shared_pos
浏览 0提问于2018-05-03得票数 6
回答已采纳
我有一个JSON文件，其中包含待售属性的列表。我正在尝试使用*NgFor遍历数据来创建一个列表。
首先，我对angular和应用程序开发仍然是一个业余爱好者，所以有可能我误解了文档等
我尝试过通过不同的路径进行循环
*NgFor="let post of posts.properties"
*NgFor="let post of posts.properties.property"
但仍然会出现各种错误。
我的理解是，我必须将可观察对象转换为一组属性。然后将其绑定到html。(我认为我所做的属性是数组类型？
json
{
"properties&
浏览 0提问于2019-04-04得票数 0
我试图迭代一个for循环的特定时间(角2.0.0-rc.4 )。为了前夫。5次或10次..。
home.component.html :
{{arr_length}} //printing 10 i.e. I have specified in home.component.ts
<tr *ngFor="let i of arr_length ; let ind = index">
<td>
//code goes here...
</td>
浏览 4提问于2016-07-30得票数 0
回答已采纳
1回答
我正在尝试将Master_Transaction_List绑定，这是一个列表数组，它指向一个datagridview。目前，当list[]在运行时绑定到datagridview时，只显示一个列(它似乎是每一行的列计数，而不是实际数据)。
dh.Fill_Master_Transaction_List("SELECT * FROM transactions_dumpfile WHERE Tran_Price=8000;");
dataGridView1.DataSource = dh.Master_Transaction_List;
类dh根据此查询使用来自list[]表的相关数
浏览 2提问于2016-05-18得票数 0
回答已采纳
起初我遇到了cors问题，我设法解决了它，但现在我得到了以下错误。错误错误:找不到类型为' object‘的不同支持对象'object Object’。NgFor仅支持绑定到迭代对象，如数组。
这是我的服务
import { HttpClientModule, HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class AuthServ
浏览 0提问于2020-11-30得票数 0
我试图从这个站点 (随机玩笑)中获取JSON格式的数据，但是我得到了一个错误: Error:无法找到类型为“object”的不同的支持对象'object‘。NgFor只支持绑定到诸如数组之类的Iterable。和"DebugContext_ {view: Object，nodeIndex: 11，nodeDef: Object，elDef: Object，elView: Object}“
我是routing.ts
import { Injectable } from '@angular/core';
import { Http } from '@angu
浏览 5提问于2017-05-25得票数 0
回答已采纳
3回答
我看到有个地方提到：
for ( itr = files.begin(); itr < files.end(); ++itr ) // WRONG
for ( itr = files.begin(); itr != files.end(); ++itr ) // ok
为什么第一个表达式是错误的？我总是使用第一个表达式，并且没有任何问题。
浏览 1提问于2010-06-22得票数 9
回答已采纳
我得到以下错误
错误:模板解析错误:不能绑定到'ngforOf‘，因为它不是一个已知的’离子-项目‘属性。1.如果“离子项”是一个角度分量，并且它有“ngforOf”输入，则验证它是该模块的一部分。2.如果“离子-项目”是网络组件，则在该组件的“CUSTOM_ELEMENTS_SCHEMA”中添加“@NgModule.schemas”以抑制此消息。3.若要允许任何属性添加“NO_ERRORS_SCHEMA”到此组件的“@NgModule.schemas”，请执行以下操作。(...
有关以下模板代码
<ion-card *ngFor="let i of routineL
浏览 5提问于2017-10-15得票数 0
回答已采纳
当我使用下面的代码时，我得到了这个错误：
找不到“object”类型的不同支持对象“object object”。
在执行嵌套ngFor时，有什么方法可以解决这个问题吗？
import { Component,OnInit } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<div id="results">
<div *ngFor="let mem of members">
浏览 2提问于2017-05-04得票数 12
回答已采纳
我对Angular非常陌生，我想知道是否有任何方法可以将ngFor循环递增2而不是1。
我正在尝试在一个分页中实现两个分页，这需要循环递增2。
我正在获取包含带有in的对象的对象。让我们假设用户及其地址列表。
(第一个NgFor是按2对用户进行分页。如果我有15个用户。在一个页面中显示2个用户)
li *ngFor="let user of Users | paginate: { itemsPerPage: 1, currentPage: p };let i = index"
{{user[i].firstName}} <--Displaying first userNa
浏览 13提问于2017-07-19得票数 4
2回答
在为一个问题提供了关于的.item()属性的属性之后，我检查了form元素返回的childNodes的__proto__，并找到了forEach方法。
forEach方法的Node.childNodes没有记录在、或的规范中，也没有在或链接到该问题的页面中提到；尽管它似乎在Chromium50中可用。
该方法是否仅适用于相对较新版本的Chrome / Chromium？如果是，这是有记录的吗？
有关于Node.childNodes的Node.childNodes方法的文档吗？
document.querySelector("form").addEventListener(
浏览 2提问于2016-03-19得票数 13
回答已采纳
返回json数据的服务代码
export class EmployeeServiceService {
constructor(private _http:Http) { }
GetEmployees() :Observable<IEmployee[]>{
debugger;
return this._http.get("http://localhost:2724/api/employee/1")
.map((response:Response)=> <IEmployee[]&g
浏览 0提问于2018-08-05得票数 1
我得到跟随错误时，迭代一个项目的列表，并显示在页面上的Ionic 3，Firebase和角。
到DB的连接工作正常，因为我能够成功地将todo项添加到DB中。页面上的项目列表是问题所在。
错误：
core.js:1449 ERROR Error: Uncaught (in promise): Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays
浏览 0提问于2018-11-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
