Using Components in Angular 1.5
summary
Shows concrete claims and code: AngularJS 1.5 components are mostly syntactic sugar that default to best practices, ease migration toward Angular 2, and add one-way data binding and lifecycle hooks. Demo builds a working Car and Driver clone with navigation, a car picker, makes/models selects (using UI Select), UI Router routing and a cars.json-backed car info view; initial bug appears during demo but is resolved. Site stats cited: 12M uniques and 100M pageviews monthly.
AI-written summary · about
chapters (25)
- 0:00Intro
- 1:26My Code
- 2:35Best Practices
- 3:50Components
- 4:37Directives
- 5:16Component
- 6:10New Features
- 8:53Lifecycle Events
- 10:13Component Tree
- 11:40Folder Structure
- 13:26Getting Started
- 16:02Navigation
- 18:06HTML
- 18:32JavaScript
- 20:11Bindings
- 21:35HTML Code
- 24:18Models
- 28:39Inline Templates
- 29:47Button
- 30:31Go to Info
- 32:51Car Info
- 33:53UIRouter
- 35:34Car Driver
- 37:29CarInfo
- 38:32Recap
related talks
41mFrom .component() to @Component
22mAngular 2 and You
28mReal-life Angular Architecture Lessons
25mWeb components with Angular: The what, the why and the how.
29mHow Well Do You Know Angular? Let's Have Fun Together!
29mThe Angular Renaissance
22mIt’s alive! Dynamic components in Angular
34mAngular Elements