How to prevent ng-src to load image before data arrives?

Question

HTML:

While running the app, it

Answer 1

Try to use the conditional pattern condition && true || false

Therefore modify ng-src attribute like this:

With this change, the content of src attribute is empty until the data arrives.

Source: Conditionally change img src based on model data