文章/答案/技术大牛

发布

社区首页 >问答首页 >如何迭代嵌套在角4中的对象的键？

问如何迭代嵌套在角4中的对象的键？
EN

Stack Overflow用户

提问于 2017-11-16 12:45:59

回答 2查看 765关注 0票数 0

变量：

 objectKeys = Object.keys;
  objectValues = Object.values;

杰森：

@Injectable()
export class DbService {
    db:Database[] = [
        {
        "id":0,
        "img":"../../../assets/img/logo/gro.png",
        "name":"CompName",
        "type":"CompType",
        "hours": "9:00AM-9:00PM",
        "number": 999999,
        "email": 'info@company.com',
        "items": [
                    {"Beverage":[
                        {"Bigga":'lg'}, 
                        {"Soda":'sm'}, 
                        {"Wata":'fresh'}, 
                        {"Sprite":'codein'}
                    ]},
                    {'Canned':[
                        {"Tuna":'lg'}, 
                        {"Salmon":'sm'}, 
                        {"Mackerel":'fresh'}, 
                        {"Spam":'codein'}   
                    ]}
                ]
        },

这些行显示项目对象中的所有键。

<div *ngFor="let item of store[0].items" class="ai">
        <div *ngFor="let key of objectKeys(item)">{{key}}</div>
    </div>

但是，试图从上述对象的子对象获取值时，显示的是.“0 1 2 3 0 1 2 3”

<div *ngFor="let rn of store[0].items" class="items">
            <div *ngFor="let value of objectValues(rn)">
                <div *ngFor="let btn of objectKeys(value)">
                    {{btn}}
                </div>
            </div>
        </div>

angular

loops

multidimensional-array

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-11-16 13:02:54

在……里面

 <div *ngFor="let btn of objectKeys(value)">
       {{btn}}
 </div>

值的例子是store.items，它是一个对象数组，一个集合。

[
   {"Bigga":'lg'}, 
   {"Soda":'sm'}, 
   {"Wata":'fresh'}, 
   {"Sprite":'codein'}
]

因此，如果您使用objectKeys(值)，您将拥有数组的键，即索引。

需要在数组中迭代以获得对象，然后使用Object.keys和Object.value

<div *ngFor="let rn of store[0].items" class="items">
    <div *ngFor="let value of objectValues(rn)">
        <div *ngFor="let item of value">
            {{ objectKeys(item)[0]  }} {{ objectValues(item)[0]  }}
        </div>
    </div>
</div>

为了得到

比加lg纯碱..。

票数 1

Stack Overflow用户

发布于 2017-11-16 12:51:39

您只获取键，而不是与该键关联的值。

<div *ngFor="let rn of store[0].items" class="items">
    <div *ngFor="let value of objectValues(rn)">
        <div *ngFor="let btn of objectKeys(value)">
            {{value[btn]}}
        </div>
    </div>
</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47330022

复制

相似问题

问如何迭代嵌套在角4中的对象的键？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何迭代嵌套在角4中的对象的键？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何迭代嵌套在角4中的对象的键？
EN