Question

基本上，我的问题是：

当我尝试为css文件创建一个url时，例如：

<link href="app/css/reset.css" rel="stylesheet">

链接找不到该文件，只有当css文件位于“assets”文件夹内或“app”文件夹中时，例如：<link href="assets/css/reset.css" rel="stylesheet">或<link href="app/reset.css" rel="stylesheet">才有效。

我不知道为什么，导入所有模型和这样的作品没有问题，只有css和json文件（从我现在测试的），即使在get或post请求中。谢谢大家的帮助。

Answer 1

如果您使用的是Angular CLI，则有两个选项：

您可以将CSS文件的路径添加到.region-navigation { display: flex; justify-content: space-between; /* aligns the three children as far as it can from each other horizontally, which means that one is placed at the far left, another at the far right and the middle one right in the middle/center */ }部分的.angular-cli.json文件中。

或者您可以在apps[0].styles文件中导入CSS文件（假设您使用的是SCSS）。

styles.scss

Answer 2

1）首先，所有不需要添加额外的css文件，你可以写你的CSS styles.css或app.component.css或每个组件都有自己的css。

2）如果您想使用bootstrap等外部css库，可以安装使用npm并传递angular-cli.json in styles section中的css参考。

3）您可以将所有css文件放在assets folder中并传入引用 angular-cli.json（与2相同）

Answer 3

除了上述内容，您可以将css删除到资源目录，或者您可以将项目添加到资源设置项目，如下所示：

"assets": [
    "assets",
    "favicon.ico",
    { "glob": "**/*", "input": "../node_modules/bootstrap/dist", "output": "./dist" },
    { "glob": "**/*", "input": "../node_modules/ionicons/dist", "output": "./dist" },
    { "glob": "**/*", "input": "../node_modules/admin-lte/dist", "output": "./dist" }
  ],

Angular 2 - 具有资产的url

3 个答案: