angularjs - 有没有办法向组件根元素添加一个类？

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

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

但这有点违反封装等。