如何隐藏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类等。

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