Angular 2 - 在特定日期更改应用程序背景

Question

作为我的同事的复活节彩蛋，我想在每年5月4日更改网站背景。我似乎无法处理如何工作。到目前为止，我已经试过这个测试做这件事的方法：

var date = new Date(); 
if (date.getDate() == 26 && date.getMonth() == 4) { 
    document.body.style.background = "red"; 
} 

我把它放在根组件的ngOnInit但它似乎并没有做任何事情。

如果任何人可以摆脱一些光它将非常感激。我想把它作为给同事的一份“分手礼物”，因为这是我在办公室的最后一天。

Answer 1

试试这个

var date = new Date(); 
if (date.getDate() == 26 && date.getMonth() == 3) { 
    document.body.style.background = "red"; 
} //this works 

Answer 2

也许更好的方法是使用一个特定的类为。

<div [ngClass]="'bg-red': checkDate()"> 

CSS

.bg-red { background-color: red; } 

TS

checkDate() { 
    var date = new Date(); 
    if(date.getDate() == 26 && date.getMonth() + 1 == 4){ 
     return true; 
    } 
}