有没有办法将类添加到组件根元素？

Question

除了在html中添加类。

我的意思是这样的：
在html中

<my-component></my-component>

在js

angular.module('app').component('myComponent', {
  template: '<div class="inner-element">Inner element</div>',
  className: 'outer-element' <--- wanted property
});

这就是我想要它渲染渲染的方式：

<my-component class="outer-element"> <--- that's what I want to get
  <div class="inner-element">Inner element</div>
</my-component>

Answer 1

您可以指定在组件init上添加类的控制器

controller: function($element) {
  this.$onInit = function() {
    $element.addClass('outer-element')
  };
}

但是这种情况与封装等有关。