Ionicでバックエンドで内部結合した別テーブルのデータを表示したい

Question

開発環境

困っている事

私は現在、Ionicにポイントシステムを実装しているのですが、バックエンドのLaravelで内部結合した別テーブルのデータをIonicで表示することが出来ません。
何処を変更すれば表示できるでしょうか。

システムはこちらのIonic側の記事とLaravel側の記事を参考に作成しました。

ページのコードは以下になります。

tab2.page.ts

import { Component, OnInit } from '@angular/core';
import { MenuController } from '@ionic/angular';
import { AuthService } from 'src/app/services/auth.service';
import { User } from 'src/app/models/user';

@Component({
  selector: 'app-tab2',
  templateUrl: 'tab2.page.html',
  styleUrls: ['tab2.page.scss']
})
export class Tab2Page implements OnInit {

  user: User

  constructor(private menu: MenuController, private authService: AuthService) {
    this.menu.enable(true);
  }

  ngOnInit() {
  }

  ionViewWillEnter() {
    this.authService.user().subscribe(
      user => {
        this.user = user;
      }
    );
  }
}

tab2.page.html

<ion-header>
  <ion-toolbar color="secondary" class="header">
    <ion-img src="assets/penguin.png"></ion-img>
    <ion-searchbar color="light" placeholder="キーワードを入力"></ion-searchbar>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div *ngIf="user != undefined">
    {{ user["email"] }}
  </div>
</ion-content>

Answer 1

フロントだけ貼られても多分バックエンドの問題なので答えにくいです。

問題の切り分けとして、フロントからバックエンドを呼び出したあと、別テーブルのデータは付いてくるのでしょうか
（developer consoleとかで確認してください）
データが付いてくるのに表示されなければフロントの問題。
データが付いて来なければバックエンドの問題です。

仮にバックエンドの問題であれば
laravelではリレーションしてるデータは使われるときに初めてロードされるので触ってなければ本体のmodel分のデータしか来ません。
自動的にリレーション先をバンドルさせたければ、$withプロパティを設定する事で常にリレーション先をロードさせることができます

Comments

[dauto]

バックエンドの問題と判断できたので、$withプロパティを設定してみようと思います。ご回答ありがとうございました！