ngStyle to set background color of whole web page

Question

<body [ngStyle]="{'background':'blue'}"></body> I want to set my whole web page of color blue.

I tried using height=100% and width=100% like this <body [ngStyle]="{'background':getColor(),'height':'100%','width':'100%'}"></body> , but still whole web page is blank.

Answer 1

[ngStyle] onyl works on the element it is specified in. To programmatically change the style of the applications <body></body> - since it is not part o any component - you can do the following:

In any component eg app.component.ts

import { Component, Inject } from '@angular/core';
import { DOCUMENT } from "@angular/common";

export class AppComponent {

    constructor(
        @Inject(DOCUMENT) document: Document
    ) {
        document.body.style.background = 'blue'
    }
}

ngStyle to set background color of whole web page

Question

1 answers

solution1
0 2022-12-23 13:08:11

ngStyle to set background color of whole web page

Question

1 answers

solution1 0 2022-12-23 13:08:11

solution1
0 2022-12-23 13:08:11