ngIf変数が存在するかどうかチェックする

Question

今は、ngIfを使用してアイテムIDが1で、スタイルが変更されていますが、2番目のステートメントがアイテムIDが1以外のすべてのオブジェクトに対して実行されています。私はなぜそれが起こっているのか理解していますが、1のItem Idが配列内のオブジェクトに存在しない場合、2番目のステートメントを実行するだけの方法がありますか？おかげでバンチ

<div *ngFor="let item of items">  
    <div *ngIf="(item.details.id == 1)"> 
     Do Somthing 
    </div> 

    <div *ngIf="(item.details.id != 1)"> 
     Do Somthing 
    </div> 
    </div> 

Answer 1

あなたは、コンポーネントのコードで

<div *ngFor="let item of items">  
    <div *ngIf="(item.details.id === 1)"> 
     Do Somthing 
    </div> 

    <div *ngIf="!(item.details.id === 1)"> 
     Do Somthing 
    </div> 
    </div> 

Answer 2

以下のように厳しい事業者と比較する必要があります：テンプレートで

// private oneExists: boolean = false; 
this.oneExists = this.items.filter(item => item.details.id === 1).length > 0; 

：

<div *ngFor="let item of items">  
    <div *ngIf="item.details.id === 1"> 
    Do Something 
    </div> 

    <div *ngIf="! oneExists"> 
    Do Something 
    </div> 
</div>