7. ng-repeat II


#1

I've replaced the img tag with the new one. Still not working


#2

I am having the same problem. I would really appreciate it if someone could help us with this, please.


#3

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!


#5

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 }} />