ngb-carouselインジケータと前の次のコントロールを非表示にする方法

Question

cssクラスをターゲットにしたが機能しない場合、ngb-carouselインジケータと前の次のコントロールをCSSで隠すことはできません。 これを隠すオプションはありますか？

Answer 1

ng-bootstrapコンポーネントのCSSに影響を与えるには、ViewEncapsulationを無効にする必要があります。角度/コア@から

インポート、それを：

import { ViewEncapsulation } from '@angular/core' 

その後@Component宣言で、このコンポーネントのためにそれを無効にします。

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

次に、あなたがあなたとしてなどブートストラップクラスをターゲットにすることができます」あなたのCSSファイルに期待しています。

これはコンポーネントごとに、必要なときにのみ無効にします。