Angular Component

Comprised of three elements

  1. The class (a TypeScript class)
  2. The template (a HTML file representing how the class should be rendered)
  3. The stylesheet (styling applied to the template)


When you create a .html file (the template), and its related .component.ts (the class), Angular takes care of the hard work of ensuring the field members in the component class are accessible in the template.  If you try to use a field member in an unrelated template, you will get an access error.