ember.js - 如何自定义 application.hbs 模板的 View 元素？

在 ember-cli 生成的应用程序中，application.hbs 生成的 html 被包装在 View 中:

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

如果我创建一个组件，我有一个 component-name.js 文件，我可以在其中指定修改组件的选项:

export default Ember.Component.extend({
  tagName: 'nav',
  classNames: ['main-menu'],
  layout: layout
});

如何修改包装 application.hbs 模板的元素的属性？

最佳答案

从 2.x 版本开始，已弃用 Ember.View 直接访问。他们所做的是将 Ember.View 转换为抽象类。现在您应该使用Ember.Component。作为捷径，你可以尝试这样的事情:

// app/views/application.js
import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['customClassName']
});

关于ember.js - 如何自定义 application.hbs 模板的 View 元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29177037/