Фон строки таблицы в зависимости от дня недели

Question

У меня есть таблица, которая идет от угловой. Таблица содержит два столбца, один с датами и один с днем ​​недели. Моя цель - покрасить линии в зеленый цвет, если день выпадает на выходные. Спасибо за помощь:)

<ng-container *ngFor="let day of days">
<tr [ngStyle]="{'background-color': day.mydate | date:'EEEE' === 'Sunday' ? 'green' : 'white' }">
<td>{{day.id}}</td>
<td>{{day.mydate  | date:'yyyy-MM-dd' }}</td>
<td>{{day.mydate | date:'EEEE' }}</td>
</tr>
</ng-container>

Answer 1

Вы можете использовать функцию получения дня в javascript для определения дня недели. Поскольку вы хотите раскрашивать воскресенья, ваш код должен выглядеть следующим образом.

HTML-

<ng-container *ngFor="let day of days">
<tr 
[ngStyle]="{'background-color': day.mydate.getDay() == 0 ? 'green' : 'white' }">
<td>{{day.id}}</td>
<td>{{day.mydate  | date:'yyyy-MM-dd' }}</td>
<td>{{day.mydate | date:'EEEE' }}</td>
</tr>
</ng-container>

Компонент: -

export class AppComponent {
  public days: {id:number; mydate: Date;}[] =[{id:1, mydate:new Date(2019,10,10)}];

}

подробнее о функции getday: - https://www.tutorialspoint.com/javascript/date_getday.htm