代码之家  ›  专栏  ›  技术社区  ›  through.a.haze

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

  •  7
  • through.a.haze  · 技术社区  · 7 年前

    除了在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>
    
    1 回复  |  直到 7 年前
        1
  •  9
  •   Yury Tarabanko    7 年前

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

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

    但这有点不利于封装之类的。