角4和自举 - 添加容器类部件选择(Angular 4 and bootstrap - Adding

我目前加引导的容器类组件选择使所有子元素反应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>

然后在组件应用-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 and bootstrap - Adding container class to component selector