使用*NGFOR访问对象的键和值

Question

html prettyprint-override">ng-repeat="(key, value) in demo"

    <ul>
      <li *ngFor='#key of demo'>{{key}}</li>
    </ul>

    demo = {
        'key1': [{'key11':'value11'}, {'key12':'value12'}],
        'key2': [{'key21':'value21'}, {'key22':'value22'}],
      }

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

Answer 1

与Angular的最新版本(V6.1.0)一样，Angular团队为keyvalue管道添加了新的内置管道，以帮助您在Angular包的common模块中迭代对象、映射和数组。比如--

<div *ngFor="let item of testObject | keyvalue">
    Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b>
</div>

在这里查看更多有用的信息-

• https://github.com/angular/angular/blob/master/changelog.md#features-3
• https://github.com/angular/angular/commit/2b49bf7

null