// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  standalone: true,
  templateUrl: './app.component.html',
})
export class AppComponent {
  name = 'Philip';
}

// app.component.html
<h1>Welcome, {{ name }}!</h1>

/*
  Notes:
  - name is a plain class property — no special syntax needed to make
    it available to the template, unlike useState in React.
  - {{ name }} is interpolation, Angular's equivalent of JSX's {name}.
*/