Integrating Web Components in Angular

Let's say that we have an already-existing Angular app. This could be a full-fledged project or a starter app, and we want to use the <header-image> web component in an Angular component. We'll start with the setup.

Setting up an Angular project

Let's say that we want to start with a starter app. We can follow the steps given at the following URL to install and serve the starter app: https://angular.io/guide/quickstart.

Angular does not support Vanilla Web Components by default, so even before we start using Web Components, though, we need to tell Angular that we want to use a web component. We can do so by adding the following code in the app.module.ts file...