ember.js - 如何在 Ember 应用程序中设置根 div 的类?

标签 ember.js

我有一个 Ember 2.3.0 应用程序。当应用程序初始化时,Ember 创建一个根 div在其中,插入了我创建的所有内容。这div看起来像这样:

<div id="ember351" class="ember-view"></div>

此元素是 <body>第一个 child 元素。我需要能够设置这个 div 的类.

我该怎么做?

最佳答案

也许您不需要 div 中的 class,但您可以从 CSSdiv > 或 JavaScript

您可以像这样通过 CSS 访问该 div

body > .ember-view

或者像这样通过JavaScript

document.querySelector('body > .ember-view')

更新 在 Ember 中会是这样的。

结合使用应用程序 Controller 中的init 钩子(Hook)和Ember.run.next function .

// application/controller.js
import Ember from 'ember';
const {
  Controller,
  run { next }
} = Ember;

export defaultController.extend({  
  addClass() => {
    next(this, function() {
      document.querySelector('body > .ember-view').className += " your-class";
    })
  }.on('init')
});

这是一个demo in ember twiddle .

关于ember.js - 如何在 Ember 应用程序中设置根 div 的类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35038686/

相关文章:

javascript - 如何将日期选择器或任何通用 jQuery 插件添加到 Ember-CLI 应用程序

json - Ember.js with Rails accepts_nested_attributes_for 和多态 has_many/belongs_to

javascript - 如何在 ember-cli-slick 中使用 "asNavFor"选项

authentication - OAuth2 资源所有者密码凭证流程

javascript - 如何优化 Ember JS 中组件的渲染

javascript - Ember 排序不起作用?

javascript - Ember App 默认滚动到页面中间

ember.js - Ember : simple way to set focus in a field

ember.js - 使用 Ember.js 和 Ember.Router 将我的 application.handlebars 分解成单独的模板

javascript - 使用 ember-data 规范化嵌入记录