I have just created a new Angular App (version 15) in asp.net Core using the command ng new projectname. The project was successfully created in the specified physical location, however, there seems to be an issue with the linking between Index.html and app.component.html. I have not made any changes to the code generated by the command line. I am sharing my code below:
Index.html
<!doctype html>
<html lang="en">
...
</html>
app.component.ts
import { Component } from '@angular/core';
...
export class AppComponent {
title = 'FullStack.UI';
app.module.ts
import { NgModule } from '@angular/core';
...
export class AppModule { }
app.component.html
<head>
...
</router-outlet>
After Running App https://i.sstatic.net/7jQUs.png
Please assist me in resolving these two issues:
1 The browser is displaying the navigation but not applying the styles added in the index.html page.
[2] Why is the URL showing http://localhost:54456/src/app/app.component.html instead of http://localhost:54456/?
I would appreciate any help as I am new to working with Angular.