Structure of an Angular Application
Explore the structure of an Angular application by examining its core folders and files generated by the Angular CLI. Understand how components, modules, and template syntax work together to build a scalable app and learn the role of key files like main.ts and app.module.ts.
We'll cover the following...
We are about to take the first intrepid steps into examining our Angular application. The Angular CLI has already scaffolded our project and done much of the heavy lifting for us.
When we develop an Angular application, we’ll likely interact with the src folder. It is where we write the code and tests of our application. It is also where we define the styles of our application and any static assets we use, such as icons, images, and JSON files. It contains the following:
app: This contains all the Angular-related files of the application. We interact with this folder most of the time during development.assets: This contains static assets such as fonts, images, and icons.favicon.ico: This is the icon displayed in the tab of our browser, along with the page title.index.html: This is the main HTML page of the ...