@Parsifal31017
Программист

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

Здравствуйте, не могу понять почему не открывается html - страница в Angular проекте. Я создавала проект через Angular cli. После создания запустила - все работает. Запускала проект с помощью команды ng serve. И вот что он выдал:
5f8d74ce2857c608675880.png
потом создала в проекте html страницу
5f8d754474f4d915780206.png
5f8d75549103e515427587.png
вот где она находиться
5f8d756e2f139830622912.png
потом я скомпилировала проект с помощью той же команды ng serve
5f8d758bc3c99195264547.png
и вот что он мне выдал
5f8d75bdb5c2b234798408.png

Что я делаю не так? Программа в которой я пишу проект - Visual Studio 2019 Enterprise
Спасибо за ответ.
  • Вопрос задан
  • 675 просмотров
Решения вопроса 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 приложения.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@babtsoualiaksandr
Странная структура проекта SPA ))
Он выдал ровно то что лежит в index.html => app.component.HTML

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы