gpt4 book ai didi

ember.js - Ember,删除包装元素或更改路由的类名

转载 作者:行者123 更新时间:2023-12-02 05:18:25 25 4
gpt4 key购买 nike

我正在尝试返回 ember.js在使用另一个框架 2 年后。对我来说最烦人的“惊喜”是没有views不再,因此我无法使用类似 classNames 的东西自定义 html 元素或 tagName .为了更详细,我将解释我的问题是什么:

假设我们已经创建了路线,/myroute例如。我们的内容templates/myroute.hbs是:

<div>test</div>

好的,让我们使用检查器查看我们的 html:

<body class="ember-application">
<div id="ember341" class="ember-view">
<div>test</div>
</div>
</body>

我想知道如何删除这个元素 <div id="ember341" class="ember-view">以一种新的 ember 方式,我该如何改变 class属性(property),标签?

谢谢!

最佳答案

我不认为你可以删除 <div id="ember341" class="ember-view">因为 Ember 使用它来管理文档。 但是,使用components你可以这样做:

app/components/my-list.js:

import Component from '@ember/component';

export default Component.extend({
tag: 'ul',
classNames: ['foo']
});

app/templates/components/my-list.bhs:

<li>Item 1</li>
<li>Item 1</li>

要使用此组件,例如在路由中,您可以执行以下操作:

<p>Here is an awesome list:</p>
{{my-list}}

这将生成以下 html:

<p>Here is an awesome list:</p>
<ul class="foo">
<li>Item 1</li>
<li>Item 2</li>
</ul>

这里有一些关于如何使用组件的有用文档(来自 Ember 文档):

关于ember.js - Ember,删除包装元素或更改路由的类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47185576/

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