gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 09:52:29 24 4
gpt4 key购买 nike

我有一个 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com