问题显示 2 个用户的数据从 ionic/angular 中的同一页面拉出

Question

所以我目前正在使用 ionic 和 angular。 我使用 ion-segment（艺术家和场地）在单个页面上显示 2 种不同类型的用户。 两个用户的信息都按照我想要的方式显示在卡片上。 当我点击艺术家个人资料时，它正在显示，但当我点击场地用户时，它显示来自艺术家的 HTML，没有数据。 场地资料的 id 是正确的，只是当被带到资料中时，它并没有按照我想要的方式工作。 我觉得问题可能出在应用程序路由中？ 但我不确定因为我已经尝试过更改它但它仍然无法正常工作。

发现.page.html：

  <ion-card
  *ngFor="let venue of relevantVenue.slice(1)"
  fill="clear"
  [routerLink]="['/','tabs','tab1','discover',venue.id]"
  >

场地详情：

  ngOnInit() {
    this.route.paramMap.subscribe(paramMap => {
      if (!paramMap.has('venueId')) {
        this.navCtrl.navigateBack('/tabs/tab1/discover');
        return;
      }
      this.venueSub = this.venueService
      .getVenue(paramMap.get('venueId'))
      .subscribe(venue => {
        this.loadedVenue = venue;
      });
    });
  }

  ngOnDestroy() {
    if (this.venueSub) {
      this.venueSub.unsubscribe();
    }
  }

tabs-routing.module.ts：

const routes: Routes = [
  {
    path: '',
    component: TabsPage,
    children: [
      {
        path: 'tab1',
        children: [
          {
            path: '',
        loadChildren: () => import('../tab1/tab1.module').then(m => m.Tab1PageModule)
      },
      {
        path: 'discover/:artistId',
        loadChildren: () => import('../tab1/discover/artist-details/artist-details.module').then(m => m.ArtistDetailsPageModule)
      },
      {
        path: 'discover/:venueId',
        loadChildren: () => import('../tab1/discover/venue-details/venue-details.module').then(m => m.VenueDetailsPageModule)
      }
    ]
  },

Answer 1

当我点击艺术家个人资料时，它正在显示，但当我点击场地用户时，它显示来自艺术家的 HTML，没有数据。

你能告诉我们屏幕的样子吗？ 尝试使用 ngif 打开/关闭 html 块，以强制 webview 动态检索数据。 还要从 ts 文件中执行控制台日志，以确认实际收到了数据。

Answer 2

路径：'发现/：artistId'

路径：'发现/：venueId'

这些路径都使用相同的父级（父级为“发现”）。 因此存在路由冲突。 当它是发现艺术家/发现场地时，它应该可以正常工作。

完成后更改：

[routerLink]="['/','tabs','tab1','discover',venue.id]"

到：

[routerLink]="['/','tabs','tab1','discover-venue',venue.id]"

和发现艺术家一样