ember视图标记的CSS

Question

我想在视图类中为ember视图设置z索引，但ember一直抛出错误：

DEPRECATION: Dynamic content in the `style` attribute is not escaped and may pose a security risk.

我的课的缩写版本是：

App.ModalComponent = Ember.Component.extend({
    layoutName: 'components/modal',
    classNames: ['modal', 'fade'],
    attributeBindings: ['style'],
    style: function() {
        return 'z-index:131071';
    }.property()
});

有经验丰富的灰烬大师知道在灰烬视图上设置自定义风格的更合适的方法吗？谢谢

Answer 1

这个"弃用"似乎是Ember最新版本中新增的内容。就我个人而言，我宁愿称之为"警告"，但不管怎样。

解决方案是安全字符串：

style: function() {
    return new Ember.Handlebars.SafeString('z-index: 131071');
}.property()  

或者，您可以添加一个具有适当属性设置的类。

在HTMLBars中，您将能够编写

<div style="z-index: {{zIndex}}"> .... </div>

有关更多详细信息，请参阅本文。但我不确定目前是否支持这种语法。关于这方面的报告在这里。