使用参数重新加载页面时,AngularJS css样式丢失

时间:2015-03-06 07:53:28

标签: angularjs angular-ui-router

我正在使用UI路由器构建AngularJS页面以进行路由。我的问题是,当我重新加载带参数的页面时,css样式表将丢失:(

我的index.html中引用了css文件,如:

<link href="Content/css/style.css" rel="stylesheet" />

我的路线配置如下:

  .state('member', {
        url: '/member/:userId',
        views: {
            'content': {
                templateUrl: 'app/views/member.html',
                controller: 'memberController'
            }
        },
        data: {
            access: 'access.user'
        }
    })

如果有所不同,我也有html5mode(true)。我搜索了很多而没有发现其他人遇到这个问题导致我得出的结论是我完全误解了一些东西:)任何可以指出我在正确方向的人吗?

1 个答案:

答案 0 :(得分:3)

我遇到了类似的问题。我总是在刷新时丢失了样式表。 我试图在IE中加载页面并看到一些我在Chrome中没有看到的警告:

SEC7113: CSS was ignored due to mime type mismatch
File: reset.min.css

SEC7113的链接:https://msdn.microsoft.com/en-us/library/ie/hh180764(v=vs.85).aspx

- &GT;检查以确保你的头部css包含在这个方式:

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

需要包含type =“text / css”

这也让我在这里:CSS is not loaded at all in Internet Explorer (SEC7113) 在检查了我的要求之后,我发现我的样式表的网址是

viewName/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" />

希望得到这个帮助。