CODEWITHSUNDEEP
ember.js
None None
None None

Reputation: 547

emberjs - output creates a messy script tag

I'll be as brief as possible: I want to display people, with "url"-s as their profile picture. This is the .js code:

App.MainRoute = Ember.Route.extend({
    model: function(){
        return App.Images.find();
    }
});

App.Images.FIXTURES = [
{
    id:1,
    name: "John Doe",
    sizeX: 180,
    sizeY: 180,
    url: 'bg.jpg'
}];

However, the image does not get displayed and what this actually does, is this:

<img src="img/<script id='metamorph-6-start' type='text/x-placeholder'></script>bg.jpg<script id='metamorph-6-end' type='text/x-placeholder'></script>" alt="">

Upvotes: 2

Views: 448

Answers (1)

intuitivepixel
intuitivepixel

Reputation: 23322

You have to use unbound to make sure the metamorph tags are not added:

in your template:

<img src="img/{{unbound url}}" alt="">

This should just print out the value of the url property.

Hope it helps.

Upvotes: 1

Related Questions