Variables inside a template are not evaluated

Question!

I have Jade markup looking like this:

li(ng-repeat="parcel in parcels | filter : filterActiveAreaParcels")
  .parcel-image(style="background-image:url({{parcel.image}});")

For some reason sometimes I get 404 error while it tries to retrieve http://localhost:3501/%7B%7Bparcel.image%7D%7D, It doesn't happen all the time, but sometimes. Though all images are being retrieved and shown on the page properly. What can be the problem here?



Answers

http://localhost:3501/{{parcel.image}} is http://localhost:3501/{{parcel.image}}

Remember, the HTML is actually in the DOM when angular compiles it. So your browser is (for a brief moment, before the app bootstraps), having something like this in the DOM:



This video can help you solving your question :)
By: admin