EmberJS - 自定义元素的类

在调用时自定义元素的类，即在调用类名时。

语法

import Ember from 'ember';

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

示例

下面给出的示例指定在调用时自定义元素的类。创建一个名为post-action的组件，该组件将在app/components/下定义。

打开post-action.js文件并添加以下代码 −

import Ember from 'ember';

export default Ember.Component.extend ({
   classNameBindings: ['isUrgent'],
   isUrgent: true,
});

现在使用以下代码行打开组件模板文件 post-action.hbs −

<div class = "ember-view is-urgent">Welcome to Tutorialspoint...</div>
{{yield}}

打开 index.hbs 文件并添加以下代码行 −

{{post-action}}
{{outlet}}

输出

运行 ember 服务器；您将收到以下输出 −

emberjs_component.html