angular - 如何隐藏 ngb-carousel 指示器和 prev-next 控件

Question

我无法通过 css 隐藏 ngb-carousel 指示器和 prev-next 控件，以 CSS 类为目标是行不通的。有没有隐藏它的选项？

Answer 1

为了影响 ng-bootstrap 组件的 css，您必须禁用 ViewEncapsulation。

从@angular/core导入:

import { ViewEncapsulation } from '@angular/core'

然后在@Component 声明中为该组件禁用它:

@Component({
  encapsulation: ViewEncapsulation.None,
  selector: 'your-template-name',
  styleUrls: ['your-template-name.component.scss'],
  template: ` 
... `
})

然后您可以在您的 css 文件中定位 Bootstrap 类等。

您想在每个组件的基础上禁用此功能，并且仅在需要时才禁用。