javascript - モデルが変更されたときに AngularJS が img src を更新しない

Question

私はng-src画像をロードするために使用します。値は、次のようにスコープ変数からロードされます。

<img ng-src="{{currentReceipt.image}}"/>

私の問題は、実行delete $scope.currentReceiptするとng-src属性が空になりますが、属性に反映されないことsrcです。その結果、空のプレースホルダーが必要な場所に画像が表示され続けます。

どうすれば対処できますか？

Answer 1

これは、ngSrc および ngHref ディレクティブから予想される動作です。これらのディレクティブは新しいパスの認識のみをサポートしますが、パスが利用できない場合、ディレクティブはサイレントに終了します (ここにプル リクエストが表示されます)。

したがって、可能な回避策は、画像変数が使用できなくなったときにタグを完全に非表示にするために ngHref とともに ngShow を使用することです。

<img ng-href="{{currentReceipt.image}}" ng-show="currentReceipt.image" />

Answer 2

実際に長さを確認して実行できます

 <img ng-show="user.thumbnail.length > 1" class="img-circle thumb pull-left" ng-src="{{user.thumbnail}}" alt="{{user.firstname}} {{user.lastname}}">