使用参数重新加载页面时,AngularJS css样式丢失
我正在使用UI路由器构建一个AngularJS页面进行路由。我的问题是,当我重新加载带有参数的页面时,css样式表将丢失:( css文件在my index.html中引用,如下所示:使用参数重新加载页面时,AngularJS css样式丢失,angularjs,angular-ui-router,Angularjs,Angular Ui Router,我正在使用UI路由器构建一个AngularJS页面进行路由。我的问题是,当我重新加载带有参数的页面时,css样式表将丢失:( css文件在my index.html中引用,如下所示: <link href="Content/css/style.css" rel="stylesheet" /> 我也有HTML5模式(对),如果这有什么不同的话。我在谷歌上搜索了很多次,没有发现其他人有这个问题,这让我得出结论,我完全误解了一些东西:)有人能给我指出正确的方向吗?我也有类似的问题。我总是
<link href="Content/css/style.css" rel="stylesheet" />
我也有HTML5模式(对),如果这有什么不同的话。我在谷歌上搜索了很多次,没有发现其他人有这个问题,这让我得出结论,我完全误解了一些东西:)有人能给我指出正确的方向吗?我也有类似的问题。我总是在刷新时丢失样式表。 我尝试在IE中加载页面,但看到了一些在Chrome中没有看到的警告:
SEC7113: CSS was ignored due to mime type mismatch
File: reset.min.css
SEC7113的链接:
->检查以确保头部的css以这种方式包括在内:
<link rel="stylesheet" type="text/css" href="css/reset.css">
所以我把我的收录改为
<link rel="stylesheet" type="text/css" href="/css/reset.css">
(在css地址的开头加上斜杠)所有的都再次工作了
所以在你的情况下是应该的
<link href="/Content/css/style.css" rel="stylesheet" type="text/css" />
希望这能有所帮助。HTML5模式确实起到了作用!!;)我想说,这应该通过propert
来解决。我认为这更多地与templateUrl
有关,在它前面加一个/
,所以它看起来像templateUrl:“/app/views/member.html”,如果你不这样做,我相信它将是一个相对路径,而不是一个绝对路径。HTML5模式(true)
用于关闭散列URL,即看起来不像这样:http://examplesite.com/#/member
谢谢大家!不幸的是,您的建议都不起作用,我的索引文件中已经有了基本设置,在templateurl之前添加斜杠并不能解决问题:(重新加载对所有无参数视图都非常有效。创建一个plnkr进行复制
<link rel="stylesheet" type="text/css" href="/css/reset.css">
<link href="/Content/css/style.css" rel="stylesheet" type="text/css" />