JSONレスポンスのオブジェクトに基づいてページ内に2つの異なるボタンを表示

Question

私の角型のアプリケーションでは、空でもオブジェクトもある「カート」という配列があります。私のページにReferボタンを表示しようとしています私の場合は、配列が空でない場合、最大2つのオブジェクトを持つことができます - NowとLater、またはシナリオに基づいたもの。

私はこのようなことをしようとしていますが、どちらの場合でもReferボタンが表示されています。輸出内側

マイHTML-

<div class="col-md-12"> 
    <button *ngIf="clickToRefer">Buy</button>  
    <button *ngIf="!clickToRefer">Refer</button>  
</div> 

私.TSで

[ファイル] -

if (data) { 
    for (var i = 0; i < data.result.cart.length; i++) { 
     var obj = data.result.cart[i]; 
     if ((obj !== undefined) && 
      (data.result.cart.length > 0) && 
      ((obj.option == 'Now') || (obj.option == 'Later'))) { 
      this.clickToRefer = true; 
     } else { 
      this.clickToRefer = false; 
     } 
    }   
    this.router.navigate(['/home']); 
} 

私はここ

clickToRefer : boolean; 

declared-持って、データはカートを持っている全体の応答性を有します私は応答を正しく取得しています。

誰かが私が間違っていることを知ってくれますか？

Answer 1

JSロジックの問題だと思います。 forループの内部

「objは」未定義することができないと、配列の長さは常に> 0となりますので、コードのあなたのサンプルと同じである：私はあなたのデータと思われる

if (data) { 
    for (var i = 0; i < data.result.cart.length; i++) { 
     var obj = data.result.cart[i]; 
     if ((obj.option == 'Now') || (obj.option == 'Later')) { 
      this.clickToRefer = true; 
     } else { 
      this.clickToRefer = false; 
     } 
    }   
    this.router.navigate(['/home']); 
} 

。オプションは決して '今'または '後で'ではない？