javascript - Ember 绑定(bind)样式属性问题

Question

我觉得我正在遵循文档，但我一定做错了什么。会喜欢你的帮助。

在我的模板中，我有:

<div style="{{backgroundImage}}">

在我的组件 js 文件中，我有:

backgroundImage: Ember.computed('background-image', function() {
  var imageUrl = this.item.attributes.imageMain.url;
  return Ember.String.htmlSafe('background-image: url('+ imageUrl +')');
})

一切正常，但我仍然在控制台中收到警告:

WARNING: Binding style attributes may introduce cross-site scripting vulnerabilities; please ensure that values being bound are properly escaped. For more information, including how to disable this warning, see http://emberjs.com/deprecations/v1.x/#toc_binding-style-attributes.

希望得到任何帮助/第二只眼睛。非常感谢!!

Answer 1

感谢@kumkanillam。模板中的引号是额外的。

现在模板如下所示:

<div style={{backgroundImage}}>

🎉