Overview

Angular is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser.
The html version theme has static CSS only components. Those components are by default available in the angular version as well. You can copy and paste the html and use it in angular components.

Files Structure

Path Description
/dist The built output. Run command ng build to build it.
/node_modules The package.json file in the app root defines what libraries will be installed into node_modules/ when you run yarn install.
/src Your app lives in the src folder.
/src/assets Contains the Metornic common parts: media(SVGs and PNGs), sass(common style structure).
/src/app All Angular components, styles and anything else your app needs go here.
/src/app/_fake Fake mock data and the REST server imitation.
/src/app/_metronic Metronic theme folder.
/src/app/_metronic/kt Custom Metronic components.
/src/app/_metronic/layout Main layout with components (Header, Footer, Aside, Toolbar...).
/src/app/_metronic/partials Shared layout and content components and widgets.
/src/app/modules You can add your custom modules into this folder.
/src/app/modules/account User account templates module.
/src/app/modules/apps/chat Chats examples module.
/src/app/modules/auth Authorization (Sign in/Sign out/Registration/Forgot Password components) examples module.
/src/app/modules/errors 404, 500 Errors examples module.
/src/app/modules/i18n Translations module.
/src/app/modules/profile User profile templates module.
/src/app/modules/widgets-examples Widgets examples templates module.
/src/app/modules/wizards Wizards examples module.
/src/app/pages Add your pages into this folder.
.editorconfig Editor configuration, see http://editorconfig.org.
.gitignore Git uses it to determine which files and directories to ignore, before you make a commit.
angular.json Configuration for Angular CLI. In this file you can set several defaults and also configure what files are included when your project is built. Check out the official documentation if you want to know more.
package.json A package.json file contains meta data about app or module. Most importantly, it includes the list of dependencies to install from npm when running npm install.
tsconfig.json tsconfig.json file in a directory indicates that the directory is the root of a TypeScript project. The tsconfig.json file specifies the root files and the compiler options required to compile the project.
tslint.json Linting configuration for TSLint together with Codelyzer, used when running ng lint. Linting helps keep your code style consistent.
ngcc.config.js IVY renderer compatibility settings file.