Angularjs应用程序不能很好地呈现在互联网上缓慢

我对AngularJS的前景感到兴奋。所以我马上开始学习它。但是，令我沮丧的是，AngularJS并没有在缓慢的互联网连接上呈现内容，正如您从屏幕截图中看到的那样。Angularjs应用程序不能很好地呈现在互联网上缓慢

我的Flask App基本上显示了我的Linux机器细节。我通过对服务器端代码运行ajax调用并返回json然后使用Angular向浏览器显示。

这是一个框架的已知问题，或者它是写我的代码的方式。我在很多用户提供的页脚中调用了Angularjs。

这里是我的html页面

<!DOCTYPE html> 
<html > 
    <head> 
    <title>My flask app</title> 
    <!-- Bootstrap CSS --> 
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}"> 
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-glyphicons.css') }}"> 

    <!-- font awesome --> 
    <link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome.min.css') }}"> 

    <!-- custom--> 
    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}"> 

    </head> 
    <body ng-app="flaskApp"> 

    <header> 
     <div class="container"> 
     <h1 class="logo">Flask App</h1> 
     <strong><nav> 
      <ul class="menu"> 
      <li><a href="{{ url_for('home') }}">Home</a></li> 
      <li><a href="{{ url_for('about') }}">About</a></li> 
      </ul> 
     </nav></strong> 
     </div> 
    </header> 

    <div class="container"> 
     {% block content %} 
     {% endblock %} 
    </div> 

    <!-- Jquery JS--> 
    <script src="{{ url_for('static', filename='js/jquery-1.11.3.min.js')}}"></script> 

    <!-- Angular JS--> 
    <script src="{{ url_for('static', filename='js/angular.js')}}"></script> 

    <!-- Bootstrap JS --> 
    <script src="{{ url_for('static', filename='js/bootstrap.min.js')}}"></script> 

    <!-- Custom JS --> 
    <!-- <script src="{{ url_for('static', filename='js/admin.js')}}"></script> --> 
    <script src="{{ url_for('static', filename='js/cmd.js')}}"></script> 


    </body> 
</html>

来源

2016-04-21 David Okwii

的骨架结构看一看ngClock指令。它用于防止Angular显示未编译的模板。

添加到您的CSS文件：

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 
    display: none !important; 
}

和包括去你想要ng-cloak指令。我通常把它放在body标签中。

来源

2016-04-21 14:32:14

很好，谢谢。我希望这是框架在未来版本中应该关注的事情。 –

如果有帮助，欢迎您将其标记为答案！ –

Angularjs应用程序不能很好地呈现在互联网上缓慢

回答

相关问题