在ember js中的应用程序模板上设置tagName

Question

在ember js中不推荐使用视图。我想将应用程序模板的tagName设置为＆＃34; empty＆＃34;因为我不希望我的内容被包裹在div中 - 这会让我的css变得混乱。以前我通过创建一个views / application.js并设置tagName: ''但不赞成使用这个视图 - 如何在没有视图的情况下执行此操作？

Answer 1

虽然我同意您可能不想做的评论，但您可以使用ember-legacy-views插件直到可路由组件发布。

Component Unification RFC中也提到了无标记组件，您可能会感兴趣。

Answer 2

[Reposting from this StackOverflow question]

您可以通过修改Ember应用程序来控制顶级标记（甚至不渲染它）及其CSS类，如下所示：

// app/app.js

App = Ember.Application.extend({
  ApplicationView: Ember.Component.extend({
    classNames: ['my-custom-classname'],
    // Or to omit the tag entirely:
    tagName: '',
  }),
  // ...
});

如this discussion中所示。

这不需要任何黑客攻击或遗留插件。