Ember.js 设置余烬根元素的样式
一天多来,我一直在为此绞尽脑汁,但再多的实验、谷歌搜索或堆栈溢出搜索都无济于事 我正在开发一个Ember/Vert.x应用程序,它有一个Ember路由,通过SocksJS接受“实时”推送数据。这是完美的工作,包括动态(余烬)模板的成功实现 我现在需要的是在rootElement上设置样式的能力(rootElement是body)。我尝试过无数种不同的方法,包括使用jQuery调用。不会在主体标记上放置样式。我可以通过执行以下操作获得body标记内第一个div上设置的样式属性:Ember.js 设置余烬根元素的样式,ember.js,Ember.js,一天多来,我一直在为此绞尽脑汁,但再多的实验、谷歌搜索或堆栈溢出搜索都无济于事 我正在开发一个Ember/Vert.x应用程序,它有一个Ember路由,通过SocksJS接受“实时”推送数据。这是完美的工作,包括动态(余烬)模板的成功实现 我现在需要的是在rootElement上设置样式的能力(rootElement是body)。我尝试过无数种不同的方法,包括使用jQuery调用。不会在主体标记上放置样式。我可以通过执行以下操作获得body标记内第一个div上设置的样式属性: App.Appli
App.ApplicationView = Ember.View.extend({
attributeBindings: ['style'],
style: "background-color: blue; background-image: url('" + App.currentProgram.backgroundImage + "')"
});
这使得:
<div id="ember325" class="ember-view" style="background-image: url('img/bg/1.png')">...</div>
。。。
但是,我确实希望动态设置body标记的样式
任何帮助都将不胜感激,因为这是下周我的原型客户端演示的一个阻止项。您可以使用
didInsertElement
方法,了解何时插入dom,并使用this.$().parent()
更新body元素
现场样品这非常有效!对于其他寻找这个的人来说,它非常简单。干得好,马西奥,谢谢!
App.ApplicationView = Ember.View.extend({
didInsertElement: function() {
this._super();
this.$().parent().css({
"background-color": "blue",
"background-image": "url('" + App.currentProgram.backgroundImage + "')"
});
}
})