当前位置: 首页 > 文档资料 > EmberJS 入门教程 >

自定义元素的类(Customizing Element's Class)

优质
小牛编辑
130浏览
2023-12-01

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

语法 (Syntax)

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

例子 (Example)

下面给出的示例指定在调用时自定义元素的类。 创建一个名为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 xnip...</div>
{{yield}}

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

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

输出 (Output)

运行ember服务器; 你会收到以下输出 -

Ember.js组件自定义元素的类