4. «Angular is ideal for building complete applications, and
our tooling, documentation and infrastructure are
primarily aimed at this case.»
Rob Wormald, Angular Team
6. «[…] but it’s quite challenging to use in
scenarios that don’t fit that specific Singe Page Application
model.»
Rob Wormald, Angular Team
7. Use Cases
• Enhancing existing HTML Pages
• Content Management Systems integration
• Use components in other environments or frameworks
• Microfrontends
• Migrating Legacy Apps
19. Enter Angular Elements
Provides a bridge from angular concepts to web
components.
@HostBinding() => Attributes
@Input() => Properties
@Output() => CustomEvents
Lifecycle Hooks => Reactions
22. • Create a new Angular CLI project
ng new angularElements
First Steps
• Update Angular CLI
• Add support for angular elements
ng add @angular/elements
• Generate new component
ng g c <NAME> -v ShadowDom
35. Angular Elements in V8
• It is just the beginning
• Size is too big for shipping in non Angular projects
• Will be much better with Ivy (V9)
• Will be much easier with V9+
• Browser Support.