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; 
    } 
}