Angular 10 WeekDay API

在这篇文章中，我们将看到什么是Angular 10中的WeekDay以及如何使用它。Angular10中的WeekDay API是用来获取一周中每一天的值的。

语法:

enum WeekDay {
  Sunday: 0
  Monday
  Tuesday
  Wednesday
  Thursday
  Friday
  Saturday
}

NgModule: WeekDay使用的模块是。

CommonModule

步骤:

创建一个即将使用的angular应用程序。
在你的app.component.ts文件中导入WeekDay。
在app.component.ts中定义工作日变量
在app.component.html中，使用weekDay变量来获取星期的索引值。
使用ng serve为angular应用程序提供服务，以查看输出。

示例:

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

<h1>GeeksforGeeks</h1>
<select>
  <option *ngFor="let day of weekDays" value="day">
        Day No:{{day}}
   </option>                           
</select>

输出:

Angular 10 WeekDay API