当角度9中的日期更改时，如何刷新整个应用程序？

在此示例中，我们将看到在angularJS中更改日期后如何刷新应用程序。

方法：

• 首先，我们需要编写代码以在HTML文件中显示日期选择器。
• 我们可以通过将输入类型指定为日期来实现。
• 完成输入类型后，我们需要在“ onchange”事件上声明一个函数，以便无论何时更改或修改日期，都将重新加载应用程序。
• 在HTML文件中声明函数，我们需要在ts文件中编写函数实现。
• 在函数实现中，我们可以使用DOM的window属性，并且可以调用reload函数，以便重新加载应用程序。
• 完成上述步骤后，服务或启动项目。

代码实现：

app.component.ts：

Javascript

import { Component } from '@angular/core';
  
@Component({
    selector: 'my-app',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
    constructor() { }
  
    // Function to reload the application
    refreshPage() {
        window.location.reload();
    }
}

app.component.html：

的HTML

Hello User !
  
Change the date to refresh the application.
  

app.module.ts：

Java脚本

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
  
@NgModule({
    imports:
        [
            BrowserModule,
            FormsModule
        ],
    declarations:
        [
            AppComponent
        ],
    bootstrap:
        [
            AppComponent
        ]
})
  
export class AppModule { }

输出：