Metadata

• Metadata allows Angular to process a class
• We can attach metadata with TypeScript using decorators
• Decorators are just functions
• Most common is the @Component() decorator
• Takes a config option with the selector, templateUrl, styles, styleUrls, animations, etc.

@Component({
    selector: 'app-items-list',
    templateUrl: './items-list.component.html',
    styleUrls: ['./items-list.component.css']
})
export class ItemsListComponent {
    @Input() items: Item[];
    @Output() selected = new EventEmitter();
    @Output() deleted = new EventEmitter();
}

---

Backlinks

• Components