返ってきた型によって処理を切り分けできない

Question

すいません。
教えてください。

以下のコードで返った型によって処理を切り替えたいです。

• String型ならそのまま値を表示
• Object型なら中身を個々に表示

しかし、うまくいきません。

■　デモ環境
https://stackblitz.com/edit/angular-tmg3jq?file=src%2Fapp%2Fapp.component.ts

■　以下、実際のコード

<div [ngSwitch]="sample.type">
  <!-- String型で返ってきた場合 -->
  <div *ngSwitchCase="'String'">String型で返ったよ：{{ sample }}</div>
  <!-- Object型で返ってきた場合 -->
  <div *ngSwitchCase="'object'">object型で返ったよ：{{ sample.name }} {{ sample.age }}</div>
</div>

<button (click)="view()">push</button>

  // 宣言
  sample
  // エンドポイント
  async view() {
    this.sample = await this.setValue()
    console.log(`今回返った型: ${typeof this.sample}`)
  }
  // 値に型をセットする処理
  setValue() {
    return new Promise((resolve) => {
      resolve([{name: 'hoge', age: 23},{name: 'fuga', age: 21}])
      // resolve(`エラーだよ`)
    })
  }

HTML側で返ってきた型を識別させる事ができず(typeなんか無いよエラー)に、うまく切り分けを行う事が出来ません。

出来れば新たな変数を宣言する事なく解決できる方法を考えています。
お手数ですがどなたかご教示ください…。

Answer 1

別の方法で実装する事にします。
この質問は一旦クローズします。