can we include Angular custom controls inside Javascript file

[HarishKCDVG]

hi,
Here is our requirement.
There are custom controls (say chart controls) developed in Angular. We can use them in angular projects/Angular App.

Our requirement is whether can we use Custom controls developed in Angular inside a HTML+Javascript and browser can load Angular controls inside the HTML and Javascript?

#angular #customControls

Thanks and Regards,
Harish

[ziaKhan1995]

You can not use custom controls developed in angular inside a plain HTML+Javascript project. Angular components are built using TypeScript, a superset of JavaScript, and require the Angular framework to be loaded in order to function properly. To use them in angular might require additional setup and configuration which I have no idea about. Instead, you can import the javascript and CSS library of the Chart control you are talking about. Here is an example of PopperJS installation in both angular and plain HTML+JS website.

For Angular App

1. Package Manager

With npm

npm i @popperjs/core

With Yarn

yarn add @popperjs/core

For HTML+JS website

2. CDN

<!-- Development version -->
<script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.js"></script>

<!-- Production version -->
<script src="https://unpkg.com/@popperjs/core@2"></script>

Note
You can also import the above CDN libraries in the angular index.html file (not recommended due to performance issues)