如何在Angular中使用ngFor循环对象属性
这篇文章是关于我在工作中发现的一个有趣的问题。
{
"car" :
{
"color" : "red",
"model" : "2013"
},
"motorcycle":
{
"color" : "red",
"model" : "2016"
},
"bicycle":
{
"color" : "red",
"model" : "2011"
}
}
Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
共有1个答案
在Angular 6.1中引入了KeyValuePipe，它允许您迭代对象属性：
<div *ngFor="let item of object | keyvalue">
{{item.key}}:{{item.value}}
</div>
文档：https://angular.io/api/common/keyvaluePipe
-
问题内容： 这似乎很简单，但是以某种方式我没有让内部数组元素在Angular 2上执行ngFor循环。 我有如下的json数组，我需要遍历嵌套数组的响应数组中的可用“路由”。现在任何人都可以让我知道如何获得应该简单的路由，并且我正在尝试这样。routes= respondeJson [0] .routes或this.routes = resonseJson [0] [‘routes’]但没有运气。
-
问题内容： 刚接触React并尝试循环对象属性，但是React抱怨对象不是有效的React子对象，有人可以给我一些如何解决此问题的建议吗？我添加了createFragment，但不确定是否需要执行此操作或应该采用哪种方法？ JS 渲染功能 控制台错误 问题答案： 问题在于您的使用方式，因为它总是会返回。您可能正在寻找返回新数组的方法： 如果仍然要使用，则必须执行以下操作： 更新： 如果您正在编写E
-
我正在尝试使用角度构建一个网页。我只需要连接与第一个 ngFor 循环相关的第二个 ngFor 循环的数据。 HTML代码 2019 2018 2017 2016 1月 2月 3月 4月 6月 8月 8月 9月 10月 12月 （每个月和每年的所有数据都应如图所示） 2019 8月8日 - 数据 8月5日-数据 6月28日-数据 1月5日-数据 2018 12月29日-数据 12月21日-数据 1
-
我试图从以下JSON对象数据中检索信息。json: 因此，我想循环这个JSON对象，以显示所有可用项及其相应的标题、说明和附件链接。 我知道我可以分别访问它们： 通常我会对数据进行for循环和循环。项目[i]。但是，由于这是一个react和一个对象，而不是一个数组，因此它的工作方式不同。 我当前的代码： 现在它只显示对象的第一个条目（因为它有const项目=data.items[0]）我如何循环d
-
问题内容： 我想在本地保存具有循环引用的对象。我有什么选择？ 我的第一个想法是使用HTML5本地存储，但是由于循环引用，我无法对该对象进行字符串化。 具体来说，我正在尝试保存当前选择的DOMSelection对象。 例： 我现在可以使字符串化工作的唯一方法是忽略某些对象，如下所示： 但这给我留下了一个相当空的DOMSelection对象，不足以满足我的需要。 还有其他方法可以保存该对象吗？唯一的要
-
本文向大家介绍vue中的循环对象属性和属性值用法，包括了vue中的循环对象属性和属性值用法的使用技巧和注意事项，需要的朋友参考一下 v-for除了可以循环数组，还可以循环对象。 例子： 结果： 补充知识：Vue控制路由滚动行为 跳转路由时，要求跳转到指定路由的某个地方，可以使用scrollBehavior方法控制。 用法： scrollBehavior(to,from,savedPosition)