[解決済み] Angular 2のテンプレートで*ngIfを使用して空のオブジェクトをチェックする方法

質問

私は、私のオブジェクトが空であるかどうかをチェックし、私の要素をレンダリングしたいのですが、これは私のコードです。

<div class="comeBack_up" *ngIf="previous_info != {}">
   <a 
      [routerLink]="['Inside_group_page',{'name':previous_info.path | dotTodash }]"
      >
        {{previous_info.title}}
   </a>
</div>

が、私のコードは間違っています。

どのように解決するのですか？

これは、あなたが望むものを行う必要があります。

<div class="comeBack_up" *ngIf="(previous_info | json) != ({} | json)">

またはもっと短い

<div class="comeBack_up" *ngIf="(previous_info | json) != '{}'">

それぞれ {} は新しいインスタンスを作成し ==== は、異なるオブジェクトのインスタンスを比較すると、常に false . 文字列に変換された場合は === の結果は true

プランカーの例