Escrito el 18/03/2024
Fundamentos de Angular: Modulo y Componente
Estructura de un módulo y componente en angular.
Un Módulo
import { AppComponent } from "./app.component";
import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { CommonModule } from "@angular/common";
@NgModule({
// decorator
decorations: [AppComponent],
imports: [BrowserModule, CommonModule],
boostrap: [AppComponent],
})
export class AppModule {
// class of the component
}
Un Componente
import { Component } from "@angular/core";
@Component({
// decorator
selector: "app-root",
template: `
<div>
</div>
`,
})
export class AppComponent {
// class of the component
title: string; // component property
contructor() {
this.title = "My first title";
}
}