如何从随机键值对的API中循环对象？(Angular)
在Angular中，可以使用*ngFor指令来循环对象中的随机键值对。下面是一个示例代码：
<div *ngFor="let item of objectKeys(myObject)">
Key: {{ item.key }}, Value: {{ item.value }}
</div>在组件中，需要定义一个辅助函数objectKeys来获取对象的键值对数组：
objectKeys(obj: any): any[] {
return Object.keys(obj).map(key => ({ key, value: obj[key] }));
}这样就可以通过*ngFor指令循环对象的键值对，并在模板中显示它们的键和值。
关于Angular的更多信息，你可以参考腾讯云的产品介绍页面：Angular。
请注意，本答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。
相关·内容
1回答
Angular2: html组件中的循环类型记录字典
angular、typescript、dictionary
我正在开发一个Range2应用程序，我想循环一个打字词典来显示它的数据。
我要展示的界面是：
export interface IProductionOrderDetail {
productionOrderName: string;
productCode: string;
batches: IBatch[];
levels: IAggLevel[];
variableData: IVarData[];
codeStatistics: ICodeStatistics;
}
export interface ICodeStatistics {
浏览 0提问于2017-11-23得票数 3
回答已采纳
2回答
使用*ngFor of angular遍历对象数组
arrays、angular、object、key-value、ngfor
该数组由对象的键和值对组成，我希望遍历以获取对象的键和值。
var arr = [{fruit: banana},{color: red},{city: London},{count: 10},{price: 100$}];
我尝试使用键值管道
<div class="bx--row" *ngFor="let obj of arr | keyvalue; let i = index;">
<span class="bx--col-xs-5 bx--col-md-5"> {{obj.key}} :</span
浏览 7提问于2020-06-04得票数 1
回答已采纳
4回答
如何使用*ngFor迭代对象键？
angular、typescript、object、ngfor
我一直在挖掘，并发现可以使用以下方法对对象使用*ngFor：
<div *ngFor="#obj of objs | ObjNgFor">...</div>
其中ObjNgFor管道是：
@Pipe({ name: 'ObjNgFor', pure: false })
export class ObjNgFor implements PipeTransform {
transform(value: any, args: any[] = null): any {
return Object.keys(value)
浏览 8提问于2016-05-05得票数 13
回答已采纳
2回答
对键值的双数据库对象，用于下拉列表
javascript、angular、typescript
我希望用一个由如下所示的对键值组成的对象对html下拉列表进行数据库：
var myObject = {
'France': true,
'Morocco': false,
'US': false,
'India': false
}
对象的一个属性只能为true，该属性表示下拉列表中选定的元素。
这是我的角度代码：
<select class="form-control select select-items select-selected" #t (ngModelChange)=&
浏览 1提问于2019-04-26得票数 1
回答已采纳
12回答
以角度遍历对象
angular
我正在尝试在Angular 2Alpha28中做一些事情，并且在使用字典和ngFor时遇到了问题。
我在TypeScript中有一个界面，如下所示：
interface Dictionary {
[index: string]: string
}
在JavaScript中，这将转换为一个对象，其数据可能如下所示：
myDict={'key1':'value1','key2':'value2'}
我想对此进行迭代，并尝试以下内容：
<div *ngFor="(#key, #value) of myDict
浏览 121提问于2015-07-18得票数 149
回答已采纳
3回答
如何迭代Angular 2中的对象属性
javascript、loops、angular、iteration、ngfor
这是我的对象(它有n个动态关键点。我在下面的例子中只展示了两个)
let obj = {
abc:["some text", "some more text"],
xyz:["more text", "what do you think?", "I'm tired now"]
}
下面是我尝试循环抛出上述代码并打印所有值的尝试
<div *ngFor='let item of obj ; let i = index;'>
<p *ngFor=&#
浏览 2提问于2016-08-21得票数 30
回答已采纳
1回答
如何在angular4中设置下拉值？
javascript、html、angular、angular4-forms
我有一个下拉列表，我传递了一些值，现在我想设置下拉列表的选择，我怎么做呢？
这里是我的代码
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
dataset: any[] = [
{ value:
浏览 1提问于2017-12-21得票数 1
回答已采纳
1回答
at用于一次解压缩2个变量
angular、ngfor、iterable-unpacking
在python中，我可以这样做，在每次迭代时解压每个元组中的两个变量。 l = [(1, 2), (4, 5), (8, 9)]
for k,v in l:
print("k = ", k)
print("v = ", v)
print("-------")
# k = 1
# v = 2
# -------
# k = 4
# v = 5
# -------
# k = 8
# v = 9
# ------- 我想知道我是否可以在angular中做类似的事情。 假
浏览 29提问于2021-11-09得票数 1
回答已采纳
1回答
如何获取对象中的数组
angular、typescript、firebase、firebase-realtime-database
我从我的数据库中得到了这个数组：
通过这一职能：
getMembers(){
this.db.list(`projects/${this.auth.userId}/${this.uploadService.pro.name}/teams/`).snapshotChanges().pipe(
map(changes =>
changes.map(c => ({ key: c.payload.key, ...c.payload.val() }))
)
).subscribe((data:any) =>
console.log
浏览 0提问于2018-11-25得票数 2
回答已采纳
2回答
如何访问angular模板中的对象属性名称？
javascript、angular、typescript
<ng-container ngFor="let item of saleDetailsAggegater.productMap | keyvalue">
<tr *ngFor="let qtyMap of item.value | keyvalue">
<td>{{ item.key }}</td>
<td>{{qtyMap
浏览 0提问于2020-10-09得票数 0
11回答
角键值管排序属性/按顺序迭代
angular、typescript、angular-pipe
当使用角管道迭代对象的属性时，如下所示：
<div *ngFor="let item of object | keyvalue">
{{item.key}}:{{item.value}}
</div>
我经历过一个问题，在这个问题中，属性没有按照预期的顺序迭代。这句话表明，我并不是唯一一个经历过这个问题的人：
当使用keyvalue管道时，是否有人能建议是什么决定了迭代的顺序，以及如何强制执行特定的迭代顺序？我理想的迭代顺序是添加属性的顺序。
谢谢
浏览 0提问于2018-10-13得票数 134
回答已采纳
3回答
嵌套json，它需要借助角度动态显示树结构格式。
javascript、angular、typescript、ecmascript-6
我正在使用嵌套的JSON查找以下结果。我无法动态地检索/调用模板中的键和值。
角码
let checklist = {
"CS": [
{
"id": "1",
"name": "A"
},
{
"id": "2",
"name": "B"
},
{
"id": "3",
"name": "C"
}
],
"C
浏览 1提问于2019-03-18得票数 0
回答已采纳
3回答
角6 API JSON ngFor未显示
html、json、angular、typescript、angular6
我正在第一次使用Range6进行一个项目，我正在创建一个应用程序，该应用程序从一个在线URL中获取JSON数据，列出HTML页面上的每个条目。每个条目都有一个可变的键值，并与一个变量数组配对。问题是，尽管没有显示任何错误，但*ngFor语句没有显示任何条目，但{{ ngFor}显示数据已成功返回。这是我的密码。
api-retrieval-service.ts
import { Injectable } from '@angular/core';
import { HttpClient, HttpErrorResponse, HttpResponse} from '@a
浏览 1提问于2018-10-02得票数 1
回答已采纳
7回答
如何在Angular中使用ngFor循环遍历对象属性
javascript、angular、typescript、ecmascript-6
这篇文章是关于我在工作中发现的一个有趣的问题。
如果你还不知道的话。我说的是Angular 2+
The problem
所以你想要显示一个列表的标记，这个列表的值来自后端，出于某种原因，你得到的不是一个很好的旧的对象数组，而是类似这样的东西。
{
"car" :
{
"color" : "red",
"model" : "2013"
},
"motorcycle":
{
"color" :
浏览 1181提问于2017-08-22得票数 75
10回答
如何使用*ngFor迭代对象键
angular、ionic2
我想在Angular 2中使用*ngFor迭代object对象。
问题是对象不是对象的数组，而是包含更多对象的对象的对象。
{
"data": {
"id": 834,
"first_name": "GS",
"last_name": "Shahid",
"phone": "03215110224",
"role": null,
"email": "test@example.
浏览 36提问于2016-12-30得票数 89
回答已采纳
2回答
使用索引，甚至在键值管道中使用
angular、angular6、ngfor
我希望迭代对象中的键值对，并在每一行中显示两项。我看了其他的例子，比如这个，但是我不知道如何为它添加键值。
这是我的代码：
<div *ngFor="let item of book.bookData.privateData | keyvalue; index as i; let even = even">
<div fxFlex="100" fxLayout="row" *ngIf="even">
<div fxFlex="50" fxLayout="
浏览 0提问于2018-10-29得票数 4
回答已采纳
11回答
使用*ngFor访问对象的键和值
angular、typescript、object
在使用angular2迭代对象时，我对如何在*ngFor中获取对象的key和value感到有点困惑。我知道在angular 1.x中有这样的语法
ng-repeat="(key, value) in demo"
但我不知道如何在angular2中做同样的事情。我也尝试过类似的方法，但没有成功：
<ul>
<li *ngFor='#key of demo'>{{key}}</li>
</ul>
demo = {
'key1': [{'key
浏览 124提问于2016-02-21得票数 579
回答已采纳
2回答
如何迭代嵌套在角4中的对象的键？
angular、loops、multidimensional-array
变量：
objectKeys = Object.keys;
objectValues = Object.values;
杰森：
@Injectable()
export class DbService {
db:Database[] = [
{
"id":0,
"img":"../../../assets/img/logo/gro.png",
"name":"CompName",
"type":"C
浏览 4提问于2017-11-16得票数 0
回答已采纳
3回答
Angular 6/7，ngFor中的ngIf
angular、angular7
我正在尝试以angular显示一组数据。数据采用键值形式。我使用*ngFor进行迭代。问题是值部分在所有记录中都不是统一的。在某些记录中，它是一个字符串，在某些记录中，它是一个数组。因此，在这些情况下，它在我的页面中显示对象对象。 如何使用*ngIf遍历value字段中的内部数组，这是我的问题。 部分代码 <div class="row" *ngFor='let item of model'>
<div class="col-md-4">{{item.key}}</div>
<div class=
浏览 20提问于2019-04-30得票数 0
3回答
逐键获取元素并迭代密钥值对
angular
我怎样才能在我的控制器中改变这个？
types = {
'fru': 'Fruits',
'veg': 'Vegetables',
};
在我看来，这是允许我这样做的。
<span class="value">{{ types['fru'] }}</span>
而在我看来(b)
<div *ngFor="let value of types">
{{ value }}
</div>
目前，(a)工作正常，(
浏览 0提问于2018-02-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
