Getting to Know the Template Type Checker
summary
Angular’s template type checker generates per-template TypeScript "type-check blocks" so template bindings are verified by the TypeScript compiler instead of only at runtime. The talk describes how the compiler and TypeScript language services emit .ts artifacts and editor integration to surface missing properties and incorrect bindings at compile time, and covers configurable strictTemplate options along with techniques like context guards, strong-field patterns, and setter-patterns proven to work in downstream projects.
AI-written summary · about
chapters (9)
- 0:00Template type checker intro
- 2:07Checker capabilities
- 5:01Template checking evolution
- 8:55Strict options impact
- 12:47Template context objects
- 17:44Input expressions edge cases
- 21:38Type-safe template code
- 27:10Debugging type inference
- 29:58Developer tools
related talks
22mAngular Template Type-Checking
06mThe Phantom of the Template Error
32mDeep Dive into the Angular Compiler
22mStronger Type-Checking in Templates with Ivy
21mUsing the Angular Template Language Service
19mHow Typed is Your Framework?
54mTypescript for the busy Java developer
24mTypeScript for JavaScripties