Angular App Module Load

When project is load then check the step of the Module and Component load.

Step1:- Firstly index.html file load, which is in the root folder of your project.

Note:- Now, you can change title of the project from this file.


<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>EmployeeManagement</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
</body>
</html>

Step2:- Now, app module is load through below code.


<app-root></app-root>

Step3:- After app module is loaded then app component will load.

Step4:- Now, you can change the text of app.component.html file according to you. Suppose you have removed old content and added new content.


<h1>Hello Employee Management Tools</h1>

Now, check the URL:- http://localhost:4200/