The theme assets (JS, CSS, etc.) are built using separated tools in Metronic's core build using Gulp. By default, the assets are already included in the Angular application asset's folder.
Check the Build Tools section.
Set up the Development Environment
Install Node.jsĀ® and npm if they are not already on your machine.
Angular CLI is a command line interface for the latest Angular. Install it before start with the Angular app.
npm install --global @angular/cli@latest
If you have Angular CLI installed previously, update it to the latest Angular CLI. Remove the older version and re-install it.
npm uninstall --global @angular/cli
npm install --global @angular/cli@latest
Angular Demo Installation
Go to the project directory and install the Angular local project dependencies.
Run npm install
. This command install the dependencies in the local node_modules
folder.
By default, npm install
will install all modules listed as dependencies in package.json
.
npm install
ng serve
The ng serve
command launches the server, watches your files, and rebuilds the app as you make changes to those files.
Using the --open
(or just -o
) option will automatically open your browser on http://localhost:4200/.
For more detailed information to install the Angular application, visit this official Angular documentation website.
Polyfills
Angular is built on the latest standards of the web platform. Targeting such a wide range of browsers is challenging because they do not support all features of modern browsers.
A particular browser may require at least one polyfill to run any Angular application. You may need additional polyfills for specific features.
To support Angular in IE, open this file [root]/theme/angular/dist/default/src/polyfills.ts
.
Uncomment all the imports under Browser Polyfills list and classlist.js
Read more about browser support here https://angular.io/guide/browser-support