Ember.js - 内容属性中的图像输出错误

Question

我有一堆数据存储在我的控制器中 s content财产。具体到这个问题，我有一个图像URL作为嵌套在image对象中的值。

例如：

  

含量：

     

  

• [stuff]（数组）

       
    

  • {image}（object）

         

    - thumbNail：http：imageURL.com/image.jpg

    
  

当我注销财产或用Ember检查员查看它时，一切都是正确的。

但是，当我在页面上显示数据时：

<img src="{{thumb}}>

我得到这样的东西：

  

％3Cscript％20id = '的Metamorph-191启动' ％20type = '文本/ X-占位符' ％3E％3C /脚本％3Ehttp：//imageURL.com/image.jpg%3Cscript%20id='metamorph -191端 '％20type =' 文本/ X-占位符'％3E％3C /脚本％3E

所以看起来Ember正在图像URL周围抛出脚本标签，导致一切都死得很厉害。我在其他地方做同样的操作，没有任何问题。

想法？

Answer 1

想出来（实际上我的同事之前已经解决了这个问题）。问题是Ember如何绑定属性。它期望属性发生变化，因此它会在前端和末端吐出脚本数据。通常是一个很棒的东西，但在这种情况下它很糟糕，因为这是一个URL。

为了解决这个问题，我刚刚做了：

<img {{bind-attr src=thumb}}>