View Encapsulation

Представление инкапсуляции определяет, могут ли шаблон и стили, определенные в компоненте, влиять на все приложение или наоборот. Angular предоставляет три стратегии инкапсуляции:
  • Emulated(по умолчанию) - стили из основного HTML распространяются на компонент. Стили, определенные в @Componentдекораторе этого компонента, относятся только к этому компоненту.
  • Native- стили из основного HTML не распространяются на компонент. Стили, определенные в @Componentдекораторе этого компонента, относятся только к этому компоненту.
  • None- стили из компонента распространяются обратно в основной HTML и поэтому видны всем компонентам на странице. Будьте осторожны с приложениями Noneи Nativeкомпонентами в приложении. Все компоненты с Noneинкапсуляцией будут дублировать свои стили во всех компонентах с Nativeинкапсуляцией.
    +

    @Component({
    // ...
    encapsulation: ViewEncapsulation.None,
    styles: [
      // ...
    ]
    })
    export class HelloComponent {
    // ...
    }
Добавить комментарий

Оставить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив