Question

我目前正在将bootstrap的容器类添加到组件选择器中，以便所有子元素对bootsrap类做出反应

例如在index.html文件中我已经应用了

<app-root class="container"></app-root>

并且在引导的app.component.html中我已经应用了

<app-header class="row"></app-header>

不确定这是否是推荐的方法？

Answer 1

我在app.component中建议放容器类

<div class="container">

       <app-header></app-header>

</div>

并在组件app-header.component

中

<div class="row">
    ...
</div>

Answer 2

我正在使用angular4 Jquery插件在创建时用组件向组件添加自定义类 jQuery('app-header').addClass('class1 class2 class3')

也许你可以在ngOnInit（）或最适合你的地方使用这样的东西

前：

   import { Component, OnInit} from '@angular/core';
    @Component({
      selector: 'app-header',
      templateUrl: './app-component.html',
      styleUrls: ['./app-component.css']
    })
    export class AppComponent implements OnInit {
      ngOnInit(): void {
        jQuery('app-header').addClass('col-sm-6 example-class');
      }
    }

那么看起来应该是这样的： <app-header class="col-sm-6 example-class"> ...

我不知道这是否正确，但现在对我有用

我希望它有所帮助，干杯

Angular 4和bootstrap - 将容器类添加到组件选择器

2 个答案: