使用单个控制器控制两个分部时未加载角度 css 文件

Question

我正在开发基于 MEAN 堆栈的 Web 应用程序。 我使用引导程序作为 css lib，并在我的两个文件“app.css”和“mio.css”中有一些 css 覆盖 该应用程序运行良好，直到我在处理两个部分的控制器中点击refresh，然后除了我的 2 个 css 文件之外的所有内容都会重新加载。

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css" rel="stylesheet">

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

如果我检查它们，它们包含 index.html 数据（head body dcc）

你能建议发生了什么吗？

Answer 1

尝试使用 css 文件的完整文件路径。比如……

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

问题可能出在服务器端。由于 Angular 应用程序是单页 ajax 应用程序，服务器必须将所有请求重定向到 index.html 页面，资产除外。您的服务器可能会返回 index.html 页面而不是您的 css 文件。