Ember.js 如何自定义application.hbs模板的视图元素？_Ember.js_Ember Cli

Ember.js 如何自定义application.hbs模板的视图元素？

ember.js

Ember.js 如何自定义application.hbs模板的视图元素？,ember.js,ember-cli,Ember.js,Ember Cli,在由ember cli生成的应用程序中，application.hbs生成的html包装在视图中： <body class="ember-application"> <div id="ember284" class="ember-view"> </div> </body> 如何修改包装application.hbs模板的元素的属性？在app/views目录中创建一个文件，该目录位于，application.js import Ember

在由ember cli生成的应用程序中，application.hbs生成的html包装在视图中：

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

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

在

app/views

application.js

import Ember from "ember";

export default Ember.View.extend({
  classNames: ['my-app-view']
  // this is the application view
});

现在，通过检查您的html来确认它是否有效：

<body class="ember-application">
  <div id="ember287" class="ember-view my-app-view">
    <h2 id="title">Welcome to Ember.js</h2>
  </div>
</body>


欢迎来到Ember.js

从版本

2.x开始，不推荐使用Ember.View
直接访问。他们所做的是将Ember.View
转换为一个抽象类。现在您应该使用Ember.Component
。作为捷径，您可以尝试以下方法：
// app/views/application.js
import Ember from 'ember';

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

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

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