小编pfg*_*pfg的帖子

如何在ember 2.0组件中创建动态classNames?

例如: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)

ember.js ember.js-2

8
推荐指数
2
解决办法
6958
查看次数

标签 统计

ember.js ×1

ember.js-2 ×1