imgタグの最初のGETを避けるには？ページをロードするとき

Question

は、次のエラーが発生します。

<div class="row" ng-show="showChannels"> 
 
    <div ng-repeat="content in formChannels" class="col-sm-2"> 
 
    <div class="well alignCenter" ng-click="clickSintonizarCanal($index)"> 
 
     <img src="{{content.images.image[0].url}}" class="img-responsive imgchannel" alt="{{$index}}"> 
 
    </div> 
 
    </div> 
 
</div>

私はあなたがページ "formChannels" を起動したときにnullであるので、それがあることを理解します。 これで、formChannelsに既に値が設定されていると、すべて正常に機能します。

私の質問は、この不要なGETをどうやって避けるのですか？

"Standar"、エレガント、またはシンプルな方法がありますか？

AngularJSには何か問題がありますか？

ありがとうございました！

Answer 1

ng-srcを使用してください。 src属性は準備ができたら作成されます。

<img ng-src="{{content.images.image[0].url}}" /> 

Answer 2

あなたが使用する必要があるのは、ng-srcディレクティブです。そうすれば、ブラウザは、角度がブートストラップされるまで画像をロードしようとしません。ドキュメントについてはこちらを参照してください。

https://docs.angularjs.org/api/ng/directive/ngSrc

だからあなたのイメージタグは次のようになります。

<img ng-src="{{content.images.image[0].url}}" class="img-responsive imgchannel" alt="{{$index}}">