为组件添加CSS类 编辑页面

英文原文：http://emberjs.com/guides/cookbook/user_interface_and_interaction/adding_css_classes_to_your_components

问题

需要给Ember Components（组件）添加CSS类名。

解决方案

使用组件子类的classNames属性设置附件的CSS类名：

1
2
3

App.AwesomeInputComponent = Ember.Component.extend({
  classNames: ['css-framework-fancy-class']  
})

1

{{awesome-input}}

1

<div class="css-framework-fancy-class"></div>

讨论

如果需要，可以添加多个CSS类名。

1

classNames: ['bold', 'italic', 'blue']

示例

JS Bin

查看自定义组件元素获取更多示例。