Скачать или смотреть ng deep is deprecated in angular here is what to use instead

Download 1M+ code from https://codegive.com/2e0afe8
as of angular v11, the `::ng-deep` selector is deprecated. this selector was originally used to apply styles deep into child components, breaking encapsulation rules set by angular's viewencapsulation. the deprecation of `::ng-deep` is part of angular's effort to provide better practices for styling components, encouraging developers to use more maintainable and predictable ways of styling.

alternatives to `::ng-deep`

here are some recommended alternatives to `::ng-deep`:

1. **use global styles**:
if you need to apply styles to components globally, you can add styles to the global styles file (usually `styles.css` or `styles.scss`).

2. **use component styles**:
you can define styles directly in the component's style file. ensure that the styles you want to affect child components are included in the parent component's style file.

3. **use viewencapsulation.none**:
if you really need to style child components from a parent component, you can set the `viewencapsulation` to `none` in the parent component. this will make styles defined in the parent component apply to all child components.

4. **use css variables**:
you can define css variables in a parent component and use them in child components.

5. **angular component inputs**:
pass styles as inputs to child components, allowing them to apply styles based on parent component inputs.

example code

here’s an example demonstrating how to use these alternatives:

1. using global styles

in `styles.css` or `styles.scss`:



in your child component html:



2. using component styles

in the parent component's css file (e.g., `parent.component.css`):



in your child component html:



3. using viewencapsulation.none

in your parent component (e.g., `parent.component.ts`):



in your parent component's css file:



in your child component html:



4. using css variables

in your parent component's css file:



in your child component's css file:



5. using angular component inputs

in your par ...

#Angular #NgDeep #numpy
Angular
Ng deep
deprecated
Angular styles
ViewEncapsulation
CSS encapsulation
Component styles
Shadow DOM
Style inheritance
Angular best practices
CSS specificity
Alternative styling methods
Global styles
Angular updates
Component encapsulation