Ember.js emberjs-output创建一个凌乱的脚本标记

Ember.js emberjs-output创建一个凌乱的脚本标记,ember.js,Ember.js,我将尽可能简短:我想显示人,用“url”-s作为他们的个人资料图片。这是.js代码: 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

我将尽可能简短:我想显示人,用“url”-s作为他们的个人资料图片。这是.js代码:

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'
}];
但是,图像不会显示,而实际显示的是:

<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="">
bg.jpg“alt=”“>

您必须使用
解除绑定
以确保未添加变形标记:

在模板中:

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

这应该只是打印出
url
属性的值


希望有帮助。

你能把你的把手模板贴在
img
标记所在的地方吗?如果url可以更改,你应该看看
{bindAttr}
helper,因为未绑定的helper不会自动更新DOM。@mavilein,谢谢你的建议,你是对的,这里的问题是,他在他的image src属性中有一个
img/
前缀,这将额外需要在视图或控制器上定义一个属性来构造最终的
url