角度亮度管理

问：

我正在开发一个 Angular 页面，其中滑块允许您调整页面的亮度。 通过收集不同的技术，我能够获得一个有趣的第一个结果，但是某些区域（例如div之间的间距）似乎遥不可及，无论滑块选择的亮度值如何，它们都保持白色。

这是由于 Angular（单页）的架构，如果是这样与否：我如何到达和调整这些区域的亮度？

我尝试在身体标签上应用亮度值，如下所示：this.renderer.setStyle( bodyRef.nativeElement, "filter", 'brightness(${brightnessValue})' );

认为它可能会包装所有元素，但仍有白色/空白区域

通过逐个子应用样式，我得到了相同的结果：

const elements = bodyRef.nativeElement.children; for (let i = 0; i < elements.length; i++) { console.log("element modifié:" + elements[i]); this.renderer.setStyle( elements[i], "filter", 'brightness(${brightnessValue})' ); }