小编Pet*_*ter的帖子

我有3个依赖的Rest API资源(比如说observables),如下所示:

1st observable生成一个项目作为用户数组,如下所示:

getUsers(): Observable<User[]>
    [
      {
        "id": 1,
        "name": "Peter",
        "surname": "Smith"
      },
      {
        "id": 2,
        "name": "John",
        "surname": "Wayne"
      },
      ...
    ]

第二个observable可用于获取分配给用户的地址,因此输入参数是User ID,并返回一个作为地址数组的项:

getUserAddresses(user_id: string): Observable<Address[]>
    [
      {
        "id": 1,
        "city": "London",
        "street": "Wicombe 34"
      },
      {
        "id": 2,
        "city": "Paris",
        "street": "La fever 20"
      },
      ...
    ]

第3个observable可用于获取分配给用户的公司,因此输入参数是User ID,并返回一个项目作为公司数组:

getUserCompanies(user_id: string): Observable<Company[]>
    [
      {
        "id": 1,
        "name": "Fintch CO",
        "state": "France"
      },
      {
        "id": 2,
        "name": "C&C inc.",
        "state": "USA"
      },
      ...
    ]

我想将这3个observable链接成一个将再次产生结果作为一个项目,它将包含其附加地址数组和公司数组的用户数组,如下所示:

    [ …

我有 Angular 5 应用程序，我正在使用 PrimeNG 组件。我创建了带有定义标题的 PrimeNG 手风琴，其中包含标题和一些操作按钮，如下所示：

<p-accordion>
   <p-accordionTab>
      <p-header>
         <span>Some card title</span>
         <p-button title="Delete" (onClick)="deleteCard()"></p-button>
      </p-header>
   </p-accordionTab>
</p-accordion>

问题是，当我点击手风琴标题内的按钮时，特定的手风琴标签触发切换打开/关闭点击事件，这看起来很奇怪。我怎么能分开这两次点击？

谢谢你的建议。