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