Welcome To Ask or Share your Answers For Others

styles - How do I change the body class via a typescript class (angular2)

asked Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

styles - How do I change the body class via a typescript class (angular2)

How do I change the body class via the root component?

@Component({ 
   selector: "app", 
   directives: [ROUTER_DIRECTIVES], 
   template: ` 
       <section class="header"> 
           <h1>App</h1>  
           <router-outlet></router-outlet> ` 
})

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

Welcome To Ask or Share your Answers For Others

1 Answer

answered Oct 24, 2021 by 深蓝 (71.8m points)

Here you can simple use the native JavaScript in the Angular2 component to change the class of the <body> tag:-

let body = document.getElementsByTagName('body')[0];
body.classList.remove("className");   //remove the class
body.classList.add("className");   //add the class

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

...