En este artículo, vamos a ver qué es WeekDay en Angular 10 y cómo usarlo. La API WeekDay en Angular10 se usa para obtener el valor de cada día de la semana.
Sintaxis:
enum WeekDay {
Sunday: 0
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
}
NgModule: el módulo utilizado por WeekDay es:
- CommonModule
Acercarse:
- Cree una aplicación angular que se utilizará.
- Importe WeekDay a su archivo app.component.ts.
- Defina la variable del día de la semana en app.component.ts
- En app.component.html, use la variable weekDay para obtener valores de índice del día de la semana.
- Sirva la aplicación angular usando ng serve para ver el resultado.
Ejemplo:
app.component.ts
import { Component, Inject } from '@angular/core';
import { PLATFORM_ID } from '@angular/core';
import { WeekDay } from '@angular/common';
import { isPlatformWorkerApp } from '@angular/common';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
public weekDays: WeekDay[] = [
WeekDay.Monday,
WeekDay.Tuesday,
WeekDay.Wednesday,
WeekDay.Thursday,
WeekDay.Friday,
WeekDay.Saturday,
WeekDay.Sunday];
}
app.component.html
<h1>GeeksforGeeks</h1>
<select>
<option *ngFor="let day of weekDays" value="day">
Day No:{{day}}
</option>
</select>
Producción:
Referencia: https://angular.io/api/common/WeekDay