Angular 10 工作日 API

在本文中，我们将了解 Angular 10 中的 WeekDay 是什么以及如何使用它。 Angular10 中的WeekDay API 用于获取一周中每一天的值。

句法：

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

NgModule：WeekDay使用的模块是：

• 通用模块

方法：

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

例子：

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

GeeksforGeeks

  
        Day No:{{day}}
                              

输出：

参考： https://angular.io/api/common/WeekDay