How do I add multiple Firebase links to one page for a side-menu

I have most of the app working but it displays the same image twice.

tab1.service.ts

export interface HomeData {
  imageUrl: string;
  userId: string;
  user0001: string;
}

@Injectable({
  providedIn: 'root'
})
export class Tab1Service {
  private _vehicle = new BehaviorSubject<Vehicles[]>([]);


  get vehicle() {
    return this._vehicle.asObservable();
  }


  constructor(private http: HttpClient) {}


 fetchDatsunGo() {
    return this.http
      .get<{ [key: string]: HomeData }>(
        `https://myApp.firebaseio.com/vehicles/datsun-go.json`
      )
      .pipe(
        map((resData) => {
          const vehicle = [];
          for (const key in resData) {
            if (resData.hasOwnProperty(key)) {
              vehicle.push(
                new Vehicles(
                  key,
                  resData[key].imageUrl,
                  resData[key].userId,
                  resData[key].user0001
                )
              );
            }
          }
          return vehicle;
        }),
        tap((vehicle) => {
          this._vehicle.next(vehicle);
        })
      );
  }

  getDatsunGo(id: string) {
    return this.vehicle.pipe(
      take(1),
      map((vehicle) => {
        return { ...vehicle.find((p) => p.id === id) };
      })
    );
  }

tab1.page.html (the other cars have the same code as above. Just the names are changed to match)

<ion-content>
            <ion-list>
                <ion-menu-toggle auto-hide="false" menu="first">
                    <ion-item *ngFor="let datsun of relevantVehicle" [routerLink]="['/tabs/tab1/datsun-go/' + datsun.id]" routerDirection="root">
                        <ion-label>Datsun Go Mid 1.2</ion-label>
                    </ion-item>

                    <ion-item *ngFor="let nissan of relevantVehicle" [routerLink]="['/tabs/tab1/nissan-np200/' + nissan.id]" routerDirection="root">
                        <ion-label>Nissan NP200 1.6</ion-label>
                    </ion-item>

                    <ion-item *ngFor="let toyota of relevantVehicle" [routerLink]="['/tabs/tab1/toyota-etios/' + toyota.id]" routerDirection="root">
                        <ion-label>Toyota Etios XI</ion-label>
                    </ion-item>

                    <ion-item *ngFor="let renault of relevantVehicle" [routerLink]="['/tabs/tab1/renault-kwid/' + renault.id]" routerDirection="root">
                        <ion-label>Renault Kwid 1.0</ion-label>
                    </ion-item>

                    <ion-item routerLink="" routerDirection="root">
                        <ion-label>VW Vivo Polo</ion-label>
                    </ion-item>
                </ion-menu-toggle>
            </ion-list>
        </ion-content>

tab1.page.ts

export class Tab1Page implements OnInit, OnDestroy {
  Vehicle: Vehicles;
  loadedVehicle: Vehicles[];
  listedLoadedVehicle: Vehicles[];
  relevantVehicle: Vehicles[];
  isLoading = false;
  private tab1Sub: Subscription;

  constructor(
    private tab1Service: Tab1Service,
    private menuCtrl: MenuController,
    private router: Router
  ) {}

  ngOnInit() {
    this.tab1Sub = this.tab1Service.vehicle.subscribe((vehicle) => {
      this.loadedVehicle = vehicle;
      this.relevantVehicle = this.loadedVehicle;
      this.listedLoadedVehicle = this.relevantVehicle.slice(1);
    });
  }

  // --------------------------------------------------------------------------------------------
  ionViewWillEnter() {
    this.isLoading = true;
    this.tab1Service.fetchDatsunGo().subscribe(() => {
      this.isLoading = false;
    });
    this.menuCtrl.enable(true, "content");
  }

  onFilterUpdate(event: CustomEvent<SegmentChangeEventDetail>) {
    if (event.detail.value === "all") {
      this.relevantVehicle = this.loadedVehicle;
      this.listedLoadedVehicle = this.relevantVehicle.slice(1);
    } else {
      this.relevantVehicle = this.loadedVehicle.filter((vehicle) => vehicle.userId);
      this.listedLoadedVehicle = this.relevantVehicle.slice(0);
    }
  }

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

Datsun page datsun-go.page.ts (The other vehicles’ pages looks the same)

export class DatsunGoPage implements OnInit, OnDestroy {
  Datsun: Vehicles;
  isLoading = false;
  private tab1Sub: Subscription;

  constructor(
    private route: ActivatedRoute,
    private tab1Service: Tab1Service,
    private alertCtrl: AlertController,
    private router: Router,
    private socialShare: SocialSharing,
    private menuCtrl: MenuController
  ) {}

  ngOnInit() {
    this.route.paramMap.subscribe((paramMap) => {
      if (!paramMap.has("datsun-goId")) {
        return;
      }
      this.tab1Sub = this.tab1Service
        .getDatsunGo(paramMap.get("datsun-goId"))
        .subscribe(
          (datsun) => {
            this.Datsun = datsun;
            this.isLoading = false;
          },
          (error) => {
            this.alertCtrl
              .create({
                header: "An error ocurred!",
                message: "Could not load.",
                buttons: [
                  {
                    text: "Okay",
                    handler: () => {
                      this.router.navigate(["/tabs/tab1/datsun-go"]);
                    },
                  },
                ],
              })
              .then((alertEl) => alertEl.present());
          }
        );
    });
    this.tab1Service.fetchDatsunGo().subscribe(() => {
      this.isLoading = false;
    });
  }

  // ionViewWillEnter() {
  //   this.menuCtrl.enable(false, "hamburgerNav");
  // }

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

datsun-go.page.html

ion-content>
    <div class="ion-text-center" *ngIf="isLoading">
        <ion-spinner color="primary"></ion-spinner>
    </div>
    <ion-grid class="ion-no-padding" *ngIf="!isLoading">
        <ion-row>
            <ion-col size-sm="6" offset-sm="3" class="ion-no-padding">
                <ion-card>
                    <ion-img [src]="Datsun.imageUrl"></ion-img>
                </ion-card>
            </ion-col>
        </ion-row>
    </ion-grid>
</ion-content>

If I serve the app or even run it on my device it does the same thing. It will show my side menu items but will display one of the other vehicles on the wrong page. I have to tap the side menu item twice for the right vehicle to display.

I will add my routing in case.

tab1-routing.module.ts

const routes: Routes = [
  {
    path: "",
    component: Tab1Page,
    children: [
      {
        path: "datsun-go",
        children: [
          {
            path: ":datsun-goId",
            loadChildren: () =>
              import("../datsun-go/datsun-go.module").then(
                (m) => m.DatsunGoPageModule
              ),
          },
        ],
      },
      {
        path: "nissan-np200",
        children: [
          {
            path: ":nissan-np200Id",
            loadChildren: () =>
              import("../nissan-np200/nissan-np200.module").then(
                (m) => m.NissanNp200PageModule
              ),
          },
        ],
      },
      {
        path: "toyota-etios",
        children: [
          {
            path: ":toyota-etiosId",
            loadChildren: () =>
              import("../toyota-etios/toyota-etios.module").then(
                (m) => m.ToyotaEtiosPageModule
              ),
          },
        ],
      },
      {
        path: "renault-kwid",
        children: [
          {
            path: ":renault-kwidId",
            loadChildren: () =>
              import("../renault-kwid/renault-kwid.module").then(
                (m) => m.RenaultKwidPageModule
              ),
          },
        ],
      },
      {
        path: "",
        redirectTo: "datsun-go",
        pathMatch: "full",
      },
    ],
  },
  {
    path: "",
    redirectTo: "datsun-go",
    pathMatch: "full",
  },
];

Here is my Model
tab1.model.ts

export class Vehicles {
    constructor(
      public id: string,
      public imageUrl: string,
      public userId: string,
      public user0001: string
    ) {}
  }

Can anyone please help with this.