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";
  }
}