html - 用什么代替::ng-deep

Question

我正在尝试以 Angular 方式设置路由器导出放置的元素的样式，并希望确保生成的元素的宽度为 100%

从大多数回复中，我发现我应该使用 ::ng-deep 选择器，但是来自 Angular 的 docs它正在被弃用。是否有 ::ng-deep 的替代方案？

Answer 1

FWIW 在我的研究中，我没有找到 ng-deep 的任何替代品或其他适用的替代品。我相信，这是因为 Angular 团队正在遵循 Shadow dom 上的 W3C 规范，该规范最初有诸如 deep 这样的选择器。然而，W3c 此后删除了该建议，但并未以新建议取代。在此之前，我认为 Angular 团队将保留 ::ng-deep 及其替代方案，但由于 W3C 草案的待定状态而处于弃用状态。我现在无法花时间找到支持这一点的文档，但我最近确实看到了它。

长话短说:继续使用 ::ng-deep 及其替代方案，直到创建替代方案 - 弃用只是一个早期通知，以便人们在实际更改发生时不会措手不及。

-- 更新 --

https://drafts.csswg.org/css-scoping-1/如果您有兴趣，这是提案草案。看来他们正在为 Shadow dom 树中的元素开发一组强大的选择器；我认为，一旦获得批准，这个规范将通知 Angular 克隆，如果有的话(即，一旦在浏览器中上线，Angular 可能不需要实现自己的选择器)。