Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Getting Started with Angular Elements

via egghead.io

Overview

Angular elements are one of the major innovations in Angular 6+. Elements allow us to develop Angular components like we always have through Angular’s powerful API, and then compile them into browser-native custom elements. With custom elements, we can define new HTML elements in a framework-agnostic way that adheres to web standards. We can also extend the HTML by defining a tag whose content is created and controlled by JavaScript code.
In this course, we’ll look at how to leverage Angular elements within our Angular apps to make them even more dynamic — a use case that’s commonly required in CMS-like environments. Going a step further, we’ll also see how we can compile our Angular elements into a standalone script file, which you can integrate into any other web context to pass data and register events on your custom elements.
Thanks for joining us!

Syllabus

  • Course Intro to Angular Elements
  • Transform an Angular Component into a native Custom Element
  • Compile an Angular Component as standalone Custom Elements
  • Use ngx-build-plus to compile Angular Elements
  • Communicate with Angular Elements using Inputs and Events
  • Use an Angular component inside a React App with Angular Elements
  • Pass data from a React component to an Angular component with Angular Elements
  • Create multiple root components in Angular with Angular Elements
  • Use Angular components in AngularJS applications with Angular Elements

Taught by

Juri Strumpflohner

Reviews

4.6 rating at egghead.io based on 125 ratings

Start your review of Getting Started with Angular Elements

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.