Angular 在ngFor之后将多个项目分组在一起

目前我有一个ng模板，可以从数组中输出项。我无法将

key\u id

和

key\u name

组合为一组

i、 e.（key\u id=1，key\u name=hello1），（key\u id=2，key\u name=hello2）。。。现在，当我通过

updateDate

传递值时，输出应该是hello1:1，hello2:2

<ng-template ngFor let-key [ngForOf]="item['data']['keys']">

    <a class="text-success" title="Edit Menu" 
    (click)="updateData(item['data']['title'],
    item['data']['url'],key['tag_id'],key['key_name'],false)">

        <i class="text-success fa fa-edit toogleIcon"></i>

    </a>

</ng-template>

TS用于更新数据

private updateData(title: any, url: any, key_id: any, key_name: any, flag: boolean) {
  console.log('title=>', title);
  console.log('url=>', url);
  console.log('key_name=>', key_name);
  console.log('key_id=>', key_id);
  this.title = title;
  url === null ? this.url = "" : this.url = url;
  key_id === null ? this.key_id = "" : this.key_id = key_id;
  key_name === null ? this.key_name = "" : this.key_name = key_name;
}

---

在

a

元素中的

updateData

函数调用中，第三个参数查找

tag\u id

属性。根据我对您的JSON的理解，它应该查找

key\u id

参数。可能就是这样？

在

a

元素中的

updateData

函数调用中，第三个参数查找

标记id

属性。根据我对您的JSON的理解，它应该查找

key\u id

参数。也许就是这样？

虽然问题涉及到模板和数据，但我们缺少

updateData

@stealthteninja谢谢，我已经在我的问题中添加了这一点虽然问题涉及到模板和数据，但我们缺少

updateData

@stealthtenja谢谢，我已经在我的问题中添加了这一点

private updateData(title: any, url: any, key_id: any, key_name: any, flag: boolean) {
  console.log('title=>', title);
  console.log('url=>', url);
  console.log('key_name=>', key_name);
  console.log('key_id=>', key_id);
  this.title = title;
  url === null ? this.url = "" : this.url = url;
  key_id === null ? this.key_id = "" : this.key_id = key_id;
  key_name === null ? this.key_name = "" : this.key_name = key_name;
}