Question

我正在尝试从此网站https://colorlib.com/wp/css3-table-templates/中向我的角度应用程序添加表格模板，但是无法弄清楚我需要在哪里存储文件才能从我的角度应用程序访问它们。

>

首先，如果我的问题似乎很基本，我想提前道歉。这是我第一次编写任何与Web相关的代码，也是我第一次使用angular。

在我的项目中，我已经使用asp.net设置了一个Web API来处理数据库访问。您可以发送获取请求，然后服务器将根据您的请求提供一系列员工数据进行回复。一切正常。

为了显示数据，我决定编写一个有角度的应用程序。从服务器获取数据不是问题。由于我以前从未使用过html或css，因此以相当体面的方式显示数据非常困难。我写的桌子看起来很难过（我知道有棱角的材料，也正在使用它，只是不想用他们的桌子）。

这是我决定将其他人的表添加到我的应用程序中的时间。此自定义表显然具有在html文件中引用的一堆文件夹。当应用程序运行时，它将在localhost:4200/filepath中查找那些文件路径引用css文件，脚本或html文件的文件。现在它会抛出

404找不到异常

因为我不知道要放置文件的位置以使其在此localhost文件夹中可见。首先，我尝试通过检查浏览器中显示了哪些脚本以及它们的存储位置来跟踪localhost文件夹。不幸的是，这些脚本存储在几个不同的文件夹中，因此，显然，我对单个localhost文件夹的想法太幼稚了吗？接下来，我尝试将模板数据放入我的应用程序的src / assets中，因为我读到这种方式可以公开访问它们。

我希望文件在localhost:4200进入我的应用程序并检查源时会显示出来。什么都没有显示，这就是404错误有意义的原因，它根本找不到文件。

我不知道此信息是否相关，但是我通过在Visual Studio 2017中创建一个Web API来设置我的角度项目，然后使用命令行转到该项目的位置并生成角度项目（与Web API项目）。

如果有人可以帮助我并告诉我如何将模板中的这些文件获取到应用程序的源中，以便我的HTML表模板可以访问所需的文件并进行显示，我将非常感谢。

感谢您的时间

编辑： 我的资产文件夹如下所示

+-- assets
|   +-- table
|   |   +--css
|   |   +--fonts
|   |   +--images
|   |   +--js
|   |   +--vendor

在我的angular.json文件中，资产数组如下所示：

"assets": [
          "src/favicon.ico",
          "src/assets"
        ]

阅读有关资产的角度性文档后，我希望能够构建项目并查看dist文件夹下的复制文件，该文件夹是我的outputPath。但是，我仍然无法生成这些文件。

Answer 1

将文件放入资产文件夹，并在angular.json文件中提及该文件夹，例如：

"assets": [
              "src/favicon.ico",
              "src/assets",
              "src/manifest.json"
            ]

如何在我的角度项目中实现HTML + CSS模板？

1 个答案: