如何在Angular中显示应用程序版本？

Angular是Google提供的基于客户端TypeScript的前端Web框架。 Angular 8是对开发人员有用的，可重用的UI(用户界面)框架，可帮助构建单页应用程序。通常，所有的angular 2+项目或应用程序都称为Angular应用程序。较早的版本称为Angular.js，而angular是对Angular.js的完全重写，具有丰富而实用的功能。

方法：

• 为了知道版本，首先，我们需要从“ @ angular / core”导入“ VERSION”。
• 导入它的原因是它是一个对象，其中包含我们可以用来了解版本的属性。
• 导入后，现在使用导入版本中的“完整”键访问版本。
• 检索值后，将其分配给变量，然后在HTML文件中使用字符串插值显示。
• 完成上述实现后，启动项目。

代码实现：

1. app.component.ts：

   Javascript

   import { Component, VERSION } from '@angular/core';
     
   @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: [ './app.component.css' ]
   })
     
   export class AppComponent  {
     version = VERSION.full;
   }

2. app.component.html：

   的HTML

    Welcome to GeeksforGeeks 
     
    The version of the App is : {{ version }} 
   

3. app.module.ts：

   Java脚本

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

输出：

注意：我的版本号是6，因此显示为6。