Я пытаюсь добавить шаблон таблицы с этого веб-сайта https://colorlib.com/wp/css3-table-templates/ в мое угловое приложение, но не могу понять, где мне нужно хранить файлы, чтобы иметь возможность получить к ним доступ из моего углового приложения.
Прежде всего, я хотел бы заранее извиниться, если мой вопрос кажется довольно простым. Это мой первый раз, когда я пишу что-нибудь, связанное с Интернетом, а также мой первый раз, когда я использую angular.
В моем проекте я настроил веб-API с asp.net для обработки доступа к базе данных. Вы можете отправить запросы на получение, и сервер ответит кучей данных о сотрудниках в зависимости от вашего запроса. Это работает просто отлично.
Для отображения данных я решил написать угловое приложение. Получение данных с сервера не было проблемой. Поскольку я никогда раньше не работал с html или css, отображение данных в приличном виде оказалось довольно сложным. Таблицы, которые я написал, выглядят довольно грустно (я знаю угловой материал, также использующий его, просто не хочу их таблицы).
Это когда я решил, что хотел бы добавить чужую таблицу в свое приложение. Эта пользовательская таблица, очевидно, имеет несколько папок, на которые она ссылается в html-файле. Когда приложение запускается, оно ищет эти файлы в localhost:4200/filepath, где filepath ссылается на файлы css, сценарии или html-файлы. Прямо сейчас это бросает
404 не найдено исключение
потому что я не могу понять, куда поместить мои файлы, чтобы сделать их видимыми для этой папки localhost. Сначала я попытался отследить папку localhost, проверив, какие скрипты отображаются в браузере и где они хранятся. К сожалению, эти сценарии хранятся в нескольких разных папках, так что, видимо, моя идея об этой единственной папке localhost была слишком наивной? Затем я попытался поместить данные шаблона в src / assets моего приложения, потому что я прочитал, что таким образом они будут общедоступны.
Я ожидал, что файлы появятся, когда я зайду в свое приложение на localhost:4200 и осмотрю источники. Однако ничего не отображается, поэтому ошибка 404 имеет смысл, просто не удается найти файлы.
Я не знаю, актуальна ли эта информация, но я настроил свой угловой проект, создав веб-API в visual studio 2017, а затем перешел в местоположение этого проекта с помощью командной строки и сгенерировал угловой проект (то же имя, что и проект веб-API) с Angular CLI.
Я был бы очень признателен, если бы кто-нибудь мог мне помочь и рассказать, как получить эти файлы из шаблона в исходный код моего приложения, чтобы мой шаблон HTML-таблицы мог получить доступ к необходимым файлам и отображаться.
Спасибо за ваше время
Edit:
Моя папка активов выглядит следующим образом
+-- assets
| +-- table
| | +--css
| | +--fonts
| | +--images
| | +--js
| | +--vendor
и в моем файле angular.json массив ресурсов выглядит следующим образом
"assets": [
"src/favicon.ico",
"src/assets"
]
После прочтения угловой документации, касающейся ресурсов, я ожидал, что смогу построить проект и увидеть скопированные файлы в папке dist, которая является моим outputPath. Однако я до сих пор не могу сгенерировать эти файлы.