根据Toggle a class by a button from header component that affect main app component by Angular 6+的帖子>
我创建了一个theme服务，通过切换'dark-mode'中的类app.component.html，它对于所有组件都可以正常工作，直到我发现我的所有模态<ng-template let-modal>都在<body>下，当然这些模态不工作
所以我从这个答案转向另一个解决方案：stackoverflow.com/a/59123790/6630524
我试图将DOCUMENT和Renderer2注入header组件，并且工作正常。但是我现在发现theme服务已被弃用，因此我将Renderer2置于theme服务中（不再在header组件中），并且它拒绝工作！
您能否帮助我保留theme服务，并且仍然能够将主题应用于所有组件（以及这些模式）？
根据文章，通过标题组件中的按钮通过Angular 6+切换会影响主应用程序组件的类，我创建了一个主题服务，通过切换类'...，它对于所有组件都可以正常工作”
首先，通过将theme放入Renderer2（以前在theme.service.ts组件中本地设置），仍然继续使用header服务：