angle4のtwitterの画像に条件付きでリンクする

Question

今、私はつぶやきの画像のURLを取得しようとしていますが、つぶやきに画像が含まれている場合のみです。つぶやきを引っ張り、つぶやきには画像がないので、つぶやくとツイートが表示されなくなります。

<p>{{item.entities.media[0].media_url != null ? item.entities.media[0].media_url : 'hello'}}</p> 

：私は.TSファイル内の文字列としてソースを設定し、条件付きで、それはこのようにnullを返した場合、文字列の値を変更しようとした

tweets.component.html

<div *ngFor="let item of tweetsdata"> 
    <div class="profile-pic><img src={{item.user.profile_image_url}}> 
    </div> 

    <div class="screenname">{{item.user.name}}</div> 

    <div class="tweet-content">{{item.text}}</div> <!-- correctly pulls in all tweets --> 

<div class="tweet-img"> 
    <img src="{{item.entities.media[0].media_url}}" /> <!-- breaks when post doesn't have a photo, no more tweets load after it --> 
</div> 

</div> 

しかし、私はJSONから抜け出して何かを再割り当てしたくないので、それはうまくいくとは思えません。これをどうやって解決するのですか？ロジックは理にかなっている間

Answer 1

あなたは、

<div *ngFor="let item of tweetsdata"> 
    <div class="profile-pic><img src={{item.user.profile_image_url}}> 
    </div> 

    <div class="screenname">{{item.user.name}}</div> 

    <div class="tweet-content">{{item.text}}</div> 
<div class="tweet-img" *ngIf="item.entities.media[0].media_url"> 
    <img src="{{item.entities.media[0].media_url}}" /> 
</div>