Question

我想在视图类中为ember视图设置z-index，但是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()
});

是否有更多经验丰富的余烬大师知道在Ember View上设置自定义风格的更合适方式？谢谢！

Answer 1

这＆＃34;弃用＆＃34;似乎是最近版本的Ember中添加的新内容。就个人而言，我宁愿称之为“警告”，而不管是什么。

解决方案是安全地串起来：

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

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

在HTMLBars中，您可以编写

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

有关详细信息，请参阅this post。但我不确定目前是否支持此语法。有关此问题的报告为here。

用于ember视图标记的CSS

1 个答案: