¿Cómo mostrar la versión de la aplicación en Angular?

Angular es un marco web front-end basado en TypeScript del lado del cliente de Google. Angular 8 es un excelente marco de UI (interfaz de usuario) reutilizable para los desarrolladores que ayuda a crear aplicaciones de una sola página. En general, todos los proyectos o aplicaciones angulares 2+ se denominan aplicaciones angulares. La versión anterior se llama Angular.js y angular es una reescritura completa de Angular.js que viene con características ricas y útiles.

Acercarse:

• Para saber la versión, primero, necesitamos importar ‘VERSION’ desde ‘@angular/core’.
• La razón de importar esto es que es un objeto que contiene propiedades que podemos usar para conocer la versión.
• Después de importarlo, ahora acceda a la versión usando la tecla ‘completa’ de la versión importada.
• Después de recuperar el valor, asígnelo a una variable y luego use una visualización de interpolación de strings en el archivo HTML.
• Una vez que haya terminado con la implementación anterior, inicie el proyecto.

Implementación de código:

1. aplicación.componente.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. aplicación.componente.html:

   HTML

   <h2> Welcome to GeeksforGeeks </h2>    <p> The version of the App is : {{ version }} </p>

3. aplicación.módulo.ts:

   JavaScript

   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 { }

Producción:
 

Nota: mi número de versión es 6 y, por lo tanto, se muestra como 6.