【发布时间】:2015-01-10 15:02:11
【问题描述】:
使用 angular-fullstack 生成器搭建我的应用程序时,我醒来时发现 CSS 不再链接到 2 个特定文件夹。检查 Chrome 控制台显示我的一个 css 文件确实没有正确链接,但我自己无法解决问题。
编辑:似乎我的问题来自 index.html,因为我能够获得我的 css 的一部分。这里是:
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<base href="/">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css(client) app/vendor.css -->
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<!-- endbower -->
<!-- endbuild -->
<!-- build:css({.tmp,client}) app/app.css -->
<link rel="stylesheet" href="app/app.css">
<!-- injector:css -->
<link rel="stylesheet" href="app/account/account.css">
<link rel="stylesheet" href="app/admin/admin.css">
<link rel="stylesheet" href="app/app.css">
<link rel="stylesheet" href="app/main/main.css">
<link rel="stylesheet" href="bower_components/superhero/css/compiled/layout.css">
<link rel="stylesheet" href="bower_components/superhero/css/compiled/elements.css">
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="bower_components/superhero/css/libs/font-awesome.css">
<link rel="stylesheet" href="app/work/work.css">
<!-- endinjector -->
<!-- endbuild -->
我不明白为什么它现在可以工作,因为 main/main.html 正确使用了 layout.css,尽管也没有调用该文件。无论如何,字体没有链接,虽然我很确定它们是正确的。
/// 编辑结束
帐户和管理文件夹中的每个 html 文件都没有样式,除了 account.css 中声明的内容。如果我复制此文件中缺少的 CSS,一切都会恢复正常。
对我来说最奇怪的事实是任何 account/*.html 文件调用 components/navbar/navbar.html 也不会正确打印,而它在任何其他包含中都可以正常工作。
这些文件夹的特殊性在于它们有account.js和admin.js,其中包含自己的stateprovider。
angular.module('yoyo')
.config(function ($stateProvider) {
$stateProvider
.state('login', {
url: '/login',
templateUrl: 'app/account/login/login.html',
controller: 'LoginCtrl'
})
.state('signup', {
url: '/signup',
templateUrl: 'app/account/signup/signup.html',
controller: 'SignupCtrl'
})
....
无论如何,如果我将代码放在包含所有其他状态的 work.js 中,它也不起作用。也不会将每一段代码都放到 app 文件夹中。
最后,我在理解生成器时遇到了很多麻烦,因为它不允许我将一些 CSS 链接到 index.html 文件中。或者它试图重写我提供的路径。我所知道的是昨天我没有推送任何我相信的相关代码,并且主文件夹包含与帐户文件夹中的任何 html 文件完全相同的 css。
谢谢!
【问题讨论】:
标签: html css angularjs relative-path