循环遍历嵌套对象并显示数据

克里斯·塔拉索夫

仍然不清楚如何显示或迭代对象对象。这是我的对象:

Row{
id: 1,
    widget:{
       name: 'bla bla',
       location:{
             top: 255, right: 0, bottom :0, left: 0;
       }
    }
    location:{
       top: 255, right: 0, bottom :0, left: 0;
    }
}

在此处输入图片说明

这是 HTML

<div *ngFor="let row of canvas; let r = index" >
    <div class="row" style="padding-top: row.location.top;">
        ROW {{row}}  {{ row.location | json}}
    </div>
</div>

我想把row.location.top我在对象中的样式内联。对于row.location | JSON我得到输出:

在此处输入图片说明

但如果我这样做,{{ row.location.top | json}}我就会空虚。

莫妮卡

从下图中,看起来 location 也是一个数组,其中只有一个对象。因此,您可以尝试使用array[0] 访问top 属性,即row.location[0].top。我认为这应该有效。在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

用javascript循环遍历javascript嵌套对象

来自分类Dev

循环遍历动态嵌套的 javascript 对象

来自分类Dev

如何循环遍历从 REST API 获取的响应对象并以角度 2 在视图中显示数据

来自分类Dev

如何循环遍历数组并在该数组的对象内显示数据,在反应和 javascript 中

来自分类Dev

遍历json对象并使用React显示数据?

来自分类Dev

遍历json对象并使用React显示数据?

来自分类Dev

遍历json对象并使用React显示数据?

来自分类Dev

如何在jsx中循环遍历嵌套对象

来自分类Dev

循环遍历嵌套的json数组对象并求和javascript

来自分类Dev

循环遍历嵌套哈希

来自分类Dev

循环遍历对象的对象

来自分类Dev

PHP JSON对象嵌套循环数据语法

来自分类Dev

通过嵌套循环遍历多个数据库表?

来自分类Dev

遍历嵌套的json对象

来自分类Dev

遍历嵌套对象

来自分类Dev

jQuery遍历嵌套对象

来自分类Dev

遍历内部嵌套对象

来自分类Dev

遍历嵌套的 JSON 对象

来自分类Dev

如何循环遍历javascript对象并在html中显示值

来自分类Dev

遍历嵌套的JSON对象并将数据附加到变量

来自分类Dev

循环遍历 api 数据数组以从对象中获取值

来自分类Dev

循环遍历具有嵌套对象的JSON对象并检查布尔值c#

来自分类Dev

如何在 vue 2 中循环遍历对象数组和嵌套对象

来自分类Dev

遍历嵌套循环,但更多限制

来自分类Dev

Laravel - 循环遍历嵌套集合

来自分类Dev

PHP 循环遍历嵌套目录

来自分类Dev

循环遍历数据框列表中的行并提取数据。(嵌套的“应用”功能)

来自分类Dev

Ruby遍历嵌套对象的方式

来自分类Dev

遍历嵌套对象并更改值