/deep/ 或 ::ng-deep 的长期替代解决方案是什么？

Question

/deep/ 和 ::ng-deep 这些也在 DOM 模式下被弃用，我想知道将来是否会有替代 /deep/ 和 ::ng -深还是我们应该开始使用其他方式？

::ng-deep .result-container .options-section .option-radio-button .option-text p {
         margin: 5px 0px !important;
         white-space: pre-wrap !important;
     }

Answer 1

目前没有替代品，所以大家应该继续使用，因为它很实用。

当 ViewEncapsulation.Native 得到所有浏览器的正确支持并支持跨阴影 DOM 边界的样式时，::ng-deep 可能会停止。

Answer 2

就我而言，目前对于 Angular 个项目，我使用 ViewEncapsulation.None 作为 @Component[ 中的参数=17=] 并且选择器没有使用 Shadow DOM.

例如：

@Component ({ selector: "app-onboarding-process", templateUrl: "./onboarding-process.page.html", styleUrls: ["./onboarding-process.page.scss"], encapsulation: ViewEncapsulation.None })

/deep/ 或 ::ng-deep 的长期替代解决方案是什么？

What is the long-term alternative solutions to /deep/ OR ::ng-deep?

css

sass

css-selectors

scss-mixins