Komponen adalah building block utama Angular. Setiap komponen terdiri dari class, template, dan metadata.

Standalone Component

import { Component } from "@angular/core"

@Component({
  selector: "app-greeting",
  standalone: true,
  template: `<p>Selamat datang!</p>`,
})
export class GreetingComponent {}

Menggunakan Komponen

@Component({
  selector: "app-root",
  standalone: true,
  imports: [GreetingComponent],
  template: `
    <app-greeting />
    <app-greeting />
  `,
})
export class AppComponent {}

Aturan Penting

• Komponen harus memiliki selector (nama tag HTML)
• standalone: true untuk komponen independen (modern Angular)
• Import komponen lain di array imports