In Angular v15, we can use the new directive composition API to apply directives directly to the host element of a component. Creating…