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:
-
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;
}
-
aplicación.componente.html:
HTML
<
h2
> Welcome to GeeksforGeeks </
h2
>
<
p
> The version of the App is : {{ version }} </
p
>
-
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.
Publicación traducida automáticamente
Artículo escrito por bunnyram19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA