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

【问题标题】：Issue showing data of 2 users being pulled from the same page in ionic/angular显示 2 个用户的数据从 ionic/angular 的同一页面中拉出的问题
【发布时间】：2021-12-09 02:07:04
【问题描述】：

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

discover.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)
      }
    ]
  },

【问题讨论】：

标签： ionic-framework routes ionic2 angular-routing

【解决方案1】：

路径：'discover/:artistId'

路径：'discover/:venueId'

这些路径都使用相同的父路径（父路径为“discover”）。因此，路线中存在冲突。 discover-artist / discover-venue 应该可以正常工作。

修改完成后：

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

收件人：

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

发现艺术家也是如此

【讨论】：

【解决方案2】：

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

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

【讨论】：