2017-03-03 7 views
0

私はimic srcがjsonから来ているIonic2テンプレートを持っています。コードのレンダリングはエルビス演算子と* ngIf angular2を使用したにもかかわらずAngular2は値を解析する前にテンプレートをレンダリングします

<img src="questionSetChosen[currentQuestion]?.questiondata.questionImgUrl" alt="" *ngIf="questionSetChosen[currentQuestion]?.questiondata.questionImgUrl != 'NA' "/> 

JSONは

"questiondata": { 
        "questionImgUrl": "NA", 
        "userChoice": "Z", 
        "isAnswered": "no", 
        "isCorrect": "NA", 
        "questionid": "tq0ql9ar50qg", 
        "explanation": "<p>Capsule Endoscopy is not suiëtable for patients with strictures.</p>", 
        "question": "Capsule Endoscopy-False statement is", 
        "reference": "Bailey and Love 26th Edition P/205" 
       }, 

である、ページの読み込みの秒の端数のための空白のimgが点滅します。

どうすれば防止できますか?それがnullに強制されている場合

+1

大丈夫です。 'src'の代わりに' [src] 'を試してみてください。 – micronyks

答えて

0
​​

、それは(null!= 'NA'が真である)が真と評価されます。

まず、画像のちらつきを防ぐために、短絡してヌルチェックしたいと思うでしょう。

+0

'NA'はリテラル文字列です。 jsonキーquestionImgUrl == 'NA'の場合、imgタグは表示されません。それは私の要件です。 – raju

+0

そうですが、nullの場合は失敗することもあります。だからヌルであるかどうかをチェックして、ヌルではないと表示されていることを確認し、NAでない場合はチェックする必要があります。 – chrispy

関連する問題