Как открыть проект Angular -cli в браузере?

Question

[Виктория Кабишова]

Здравствуйте, не могу понять почему не открывается html - страница в Angular проекте. Я создавала проект через Angular cli. После создания запустила - все работает. Запускала проект с помощью команды ng serve. И вот что он выдал:

потом создала в проекте html страницу


вот где она находиться

потом я скомпилировала проект с помощью той же команды ng serve

и вот что он мне выдал


Что я делаю не так? Программа в которой я пишу проект - Visual Studio 2019 Enterprise
Спасибо за ответ.

Comments

[MagnusDidNotBetray]

Вы понятия не имеете что такое ангуляр. Почитайте в документации про модули, компоненты, структуру проекта.

Answer 1

[CoyoteSS]

Так происходит потому что вы не следуете архитектуре Angular приложений, каждая отдельная HTML страница должна иметь связанную с ней модель - TS файл, опционально еще CSS файлы и все это вместе называется «компонент». Далее этот компонент должен быть задекларирован в модуле @NgModule, поле declarations, вы как бы регистрируете его в своем приложении, указываете там TS класс компонента (1 компонент - 1 модуль), обычно это AppModule, но и это не все, в шаблоне приложения (app.component.html) или любом другом, вставляете селектор вашего компонента.

Создать компонент: ng g c something-cmp
Создать модуль: ng g m something-module
CLI автоматически создаст папку со всеми необходимыми файлами и заимпортит в appmodule приложения.

Answer 2

[babtsoualiaksandr]

Странная структура проекта SPA ))
Он выдал ровно то что лежит в index.html => app.component.HTML

А элементы admin, header, company...... нужно делать через создание отдельных компонентов: можно через CLI
ng g c admin