2016-12-02 1 views
1

のための壊れた画像を示しています私はイメージを見せたくありません。私は上記のコードでそれをやっていますが、それは動作しますが、それでも数msの間、壊れた画像が表示されます。どのように取り除くことができますか?非表示画像は、まだこれは私のコードで数ms

ng-showとng-hideの間には、壊れたイメージを示す小さな遅延がありますが、それを取り除く方法はありますか?

+0

可能な重複のようになりますエラーにfalseにこれを変更し、ng-show

でそれを使用します。 //stackoverflow.com/questions/36305805/how-to-hide-alt-text-using-css-when-the-image-is-not-present) – Dalorzo

+0

'ng-show'が確実に動作していますか?どのようにイメージを取得していますか?プロビジョニングコールでイメージのURLを取得していますか?隠しがうまくいかない可能性があります。あなたが言及した遅れは単に画像が取り込まれた(壊れているかそうでなければ)ものです。 – frishi

+0

それは重複していません。そしてyes-ng-showが動作し、隠蔽も機能します。間に少しの遅延があり、壊れたイメージが私が取り除きたいと思っていることを示しています – Laurenswuyts

答えて

1

私は問題があると思います。あなたは画像と画像のソースを表示する条件としてjson.user.pictureを使用しています。 ng-errorがトリガーされた場合、json.user.pictureからfalseに変更され、画像ソースはfalseになり、falseのような画像をロードしようとします(<img src='false'>)。これはエラーを再度スローします。

のような余分な変数を使用する必要があります。デフォルトではtrueになります。それは、[?イメージが存在しないときにCSSを使用してaltテキストを非表示にする方法](HTTPの

<img ng-show="showImage" ng-src="{{json.user.picture}}" ng-error="showImage = false">

関連する問題