hide body (html) blättern im eckigen 2/4

Question

Ich versuche, die body (html) scrollbar zu verbergen. Zugabe:

body, 
html{ 
    overflow: hidden; 
    margin: 0; 
    padding: 0; 
} 

Sowohl in der Komponente CSS-Datei oder in "app.component.css" nicht zu helfen scheint. Irgendwelche Ideen?

Bearbeiten: Hinzufügen der oben genannten "styles.css" Datei stattdessen (die über. Angular-CLI.JSON aufgerufen wird) scheint zu arbeiten. Ich bin immer noch neugierig, warum es nicht funktioniert, wenn in der Komponente oder "App-Komponente" CSS-Dateien platziert ..

Answer 1

Dies könnte funktionieren, weil es View-Emulation verhindert, die die Selektoren neu schreibt, so dass nur Elemente innerhalb der Komopnente Vorlage adressiert

* ::ng-deep body, 
* ::ng-deep html{ 
    overflow: hidden; 
    margin: 0; 
    padding: 0; 
} 

Answer 2

hinzufügen

@Component({ 
... 
    encapsulation: ViewEncapsulation.None, 
.... 
}) 

in app.component.ts zusammen mit Import ViewEncapsulation.

Might