当前位置: 首页 > 知识库问答 >
问题:

在*ng中访问对象键和值,用于角度8

尉迟鸿熙
2023-03-14

我想访问ngFor中的对象键和值,例如这是我的数组

var array = [
  {'random1':value1},
  {'random2':value2},
  {'random3': value3}
]
<tr *ngFor="let item of arrayl; let i of index">
  <td>{{i+1}}</td>
  <td>item.key</td>// here i want object key
  <td>item.value</td>// here object value
</tr>
var array2 = [
 ['random1',value1],
 ['random2',value2],
 ['random3',value3]
]

共有1个答案

洪飞龙
2023-03-14

演示案例1

<tr *ngFor="let item of array; let i = index">
   <td>{{i+1}}</td>
   <ng-container *ngFor="let el of item | keyvalue">
       <td>{{el.key}}</td>
       <td>{{el.value}}</td>
   </ng-container>
</tr>
     

案例2

<tr *ngFor="let item of array2; let i = index">
   <td>{{i+1}}</td>
   <td>{{item[0]}}</td>
   <td>{{item[1]}}</td>
</tr>
  
 类似资料:
  • 问题内容: 我有一系列对象,并且正在使用对其进行迭代,这很容易。该数组如下所示: 我的属性如下所示: 在每个迭代中,等于预期的对象之一。无论如何都可以访问键和对象的值?这样我就可以做这样的事情: 其中== 和== 。我已经尝试做这件事,但总是最终只是step对象的索引(这很有意义)。我只是想弄清楚是否还有另一种语法编写方式,以便我可以获取键和值。 感谢您的任何想法/建议。非常感激。 PS。我目前的

  • 如何使用动态获取和?经过广泛的搜索,我找到了使用管道的想法,但我不知道如何去做。在Angular2中是否有任何内置管道可以做同样的操作?

  • 问题内容: 编码: 对象数据: 问题: 正确显示“ 2009-05-27 16:36:45”。 正确显示“ A5A50000”。 报告“ data.bsID未定义”。 报告“数据[bsID]未定义”。 我不清楚何时/不评估变量。也许我忽略了一些愚蠢的事情,但是我无法在这里解决我的问题。 问题答案: 您可以通过点表示法或括号表示法访问对象属性。 具有动态值时,必须使用后者: 因此,您真正想要的是:

  • 问题内容: 我有一个像这样的小角度应用程序: html app.js 输出 我想做的是 仅对 过滤器参数进行 完全 匹配,并且仅对id字段进行过滤。 基本上,我希望输出为: 输出 我正在使用Angular 1.2。 问题答案: 在Angular 1.1.3或更高版本中,可以使用以下命令: 说只能和现场比较。那会让你: 说“完全匹配”,结果是: 工作原理如下:http : //jsfiddle.ne

  • 问题内容: 我需要使用 关联数组 作为使用AngularJS的选项的数据源。 是否可以使用这样的数组? 并得到这样的东西: 我阅读了docs,但是我不明白如何实现这一目标。 问题答案: 用途: 或使用: 控制器中的数据:

  • 问题内容: 我有一个JSON对象,表示为: 我需要在 第二 层上做一个中继器,列出“虚假”数字。 我已经知道如何获得最高水平 但是我不清楚循环降级的顺序。例如,这是错误的: 我也知道如何 嵌套 中继器来实现这一点,但是在这种情况下,我根本不需要显示顶层。 澄清说明 这里的目标是有一个带有4个“伪”数字的列表(每个包裹有2个,顺序中有2个包裹)。 问题答案: 大量搜索不错的简单解决方案以进行动态迭代