I’ve replaced the img tag with the new one. Still not working
I am having the same problem. I would really appreciate it if someone could help us with this, please.
I had the same problem… Try this:
First, I had exchanged the code so that my replacement looked like this: <img ng-src="{{ product.cover }}">
… This is what the instructions tell you to do. Instead, look at the formatting over the other features below:
<p class="title"> {{ product.name | uppercase}} </p>
<p class="price"> {{ product.price | currency }} </p>
<p class="date"> {{ product.pubdate | date }} </p>
You will see that in the quotes, you add the name of the category instead of the part of the controller it directs to.
Try this:
<img ng-src="cover"> {{ product.cover }}
This solved the issue for me, because the {{ product.cover }} is actually supposed to come AFTER the <img ng-src="cover"> portion.
Here is the correct code:
<div class="col-md-6">
<div class="thumbnail">
<img ng-src="cover"> {{ product.cover }}
<p class="title"> {{ product.name | uppercase}} </p>
<p class="price"> {{ product.price | currency }} </p>
<p class="date"> {{ product.pubdate | date }} </p>
</div>
Let me know if I was unclear in any of this!
Just dont put it in quotes, even though the directions tell you to do so. Instead, write it like this:
< img ng-src= {{ products.cover }} />