例如:Ember组件允许您添加classNames数组,这些类将添加到组件的主div中.说我们有这个叫做new-div的组件
export default Ember.Component.extend({
classNames: ['container']
});
Run Code Online (Sandbox Code Playgroud)
然后,如果在渲染时检查此组件,您将看到:
<div id="ember595" class="ember-view container">
...
<div>
Run Code Online (Sandbox Code Playgroud)
这很好,但我的问题是,如果我想有时使用这个组件作为一个流体容器,有时我可能想让它成为一个jumbotron等.
有没有办法在html中执行此操作并让component.js正确应用它?
{{new-div extra-classes='class1,class2'}}
Run Code Online (Sandbox Code Playgroud)
然后在component.js中:
export default Ember.Component.extend({
classNames: [this.get('class-names')]
});
Run Code Online (Sandbox Code Playgroud)