Несмотря на то, что шаблонный проект предоставляет базовый функционал и выглядит достаточно неплохо, зачастую необходимо реализовывать проект в собственном дизайне, поэтому возникает потребность удалить лишние компоненты с формы. Это мы сейчас и сделаем.


Для начала идем в файл:

app.shared.module.ts

app.shared.module.ts

В нем мы можем удалить следующие строки:

В блоке declarations удаляем:

В блоке imports удаляем:

Таким образом, у нас должен получиться следующий результат:

После этого мы можем удалить сами папки компонентов из решения:

Remove folders

Remove folders

Теперь необходимо изменить файл компонента приложения

app.component.html

app.component.html

Оставив в нем следующее содержимое:

Также очистим файл главной страницы

home.component.html

home.component.html

Оставим там только приветствие:

После этого выполняем компиляцию решения кнопкой F5.

В итоге получаем следующий результат:

Empty Angular app

Empty Angular app

 

shwan

Программист .NET

×
%d такие блоггеры, как: