首先加载css然后加载页面内容angularjs

时间：2015-06-24 07:53:16

标签： html css angularjs

请访问此网站： Nadpco

首次加载此页面时，可能不到一秒钟，您会看到类似这样的图片： enter image description here

然后一切都会好的。

可能这就是为什么，首先加载内容然后加载css。

如何解决此问题。

值得注意的是，我使用AngularJs和Bootstrap来创建这个网站。

非常感谢。

3 个答案:

答案 0 :(得分：1)

所有样式表都在体内。你需要把它移到头部里面。

发件人： 

<body><div ng-controller="mainLayoutController" class="ng-scope">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>مشاور سرمایه گذاری نوآوران امین</title>
    <link href="/Content/css?v=4sokSQu85ZOhWi6vSDkriSC11saVOXIr5e8wfPjGMSM1" rel="stylesheet">

    <link ng-href="/Content/LTR-Bootstrap-Less/custom-less/main.min.css?v=2" rel="stylesheet" href="/Content/LTR-Bootstrap-Less/custom-less/main.min.css?v=2">
    <link ng-href="/Content/LTR-Views/News/News.min.css?v=2" rel="stylesheet" href="/Content/LTR-Views/News/News.min.css?v=2">

要 

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>مشاور سرمایه گذاری نوآوران امین</title>
    <link href="/Content/css?v=4sokSQu85ZOhWi6vSDkriSC11saVOXIr5e8wfPjGMSM1" rel="stylesheet">

    <link ng-href="/Content/LTR-Bootstrap-Less/custom-less/main.min.css?v=2" rel="stylesheet" href="/Content/LTR-Bootstrap-Less/custom-less/main.min.css?v=2">
    <link ng-href="/Content/LTR-Views/News/News.min.css?v=2" rel="stylesheet" href="/Content/LTR-Views/News/News.min.css?v=2">

答案 1 :(得分：1)

最后必须在head和js文件中使用css。

答案 2 :(得分：1)

您应该在head标记中添加样式链接：

<link href="/Content/css?v=4sokSQu85ZOhWi6vSDkriSC11saVOXIr5e8wfPjGMSM1" rel="stylesheet">
<link ng-href="/Content/LTR-Bootstrap-Less/custom-less/main.min.css?v=2" rel="stylesheet" href="/Content/LTR-Bootstrap-Less/custom-less/main.min.css?v=2">
<link ng-href="/Content/LTR-Views/News/News.min.css?v=2" rel="stylesheet" href="/Content/LTR-Views/News/News.min.css?v=2">

你也应该隐藏模板。隐藏内容和角度启动时可以显示它。您可以尝试使用ng-cloak指令或使用css类隐藏和显示内容。

相关问题
最新问题