Angular

Component Basics

Define an Angular component with selector, template, and styles.

#component#basics

Code

angular

import { Component } from "@angular/core";

@Component({
  selector: "app-hello",
  standalone: true,
  template: "<h1>Hello, {{ name }}!</h1>",
  styles: ["h1 { color: #1976d2; }"]
})
export class HelloComponent {
  name = "Angular";
}

All snippets