【问题标题】:Why does ng-class="ng-app" break AngularJS?为什么 ng-class="ng-app" 会破坏 AngularJS?
【发布时间】:2012-10-22 10:52:09
【问题描述】:

为了让 AngularJS 在 IE7 和 IE8 中工作,我将 id="ng-app" 和 class="ng-app" 添加到我的 ng-app 元素中:

<html id="ng-app" class="ng-app" ng-app="myApp">
   <div ng-view></div>
</html>

这在过去一直有效,但现在我已将 class="ng-app" 添加到两个不同的项目中,并且在这两个视图中都不再在任何浏览器中呈现。 IE7/8 兼容性的方式是否改变了?我使用的是 CDN 的 1.0.2 版本。

谢谢。

【问题讨论】:

  • 添加 class="ng-app" 为我修复了 IE8,谢谢!

标签: internet-explorer-8 cross-browser internet-explorer-7 angularjs


【解决方案1】:

编辑说明: 添加 doctype 标签会减少一些问题。 谢谢@Mike Pateras

 <!doctype html>

原文:

试试这个

<html lang="en" class="ng-app:myapp" id="ng-app" ng-app="myapp" xmlns:ng="http://angularjs.org">
     <head>    
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if lte IE 8]>
          <script>
            document.createElement('ng-include');
            document.createElement('ng-pluralize');
            document.createElement('ng-view');
            document.createElement('ng:include');
            document.createElement('ng:pluralize');
            document.createElement('ng:view');
          </script>
        <![endif]-->
        <!--[if lt IE 8]>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/json2/20150503/json2.min.js"></script>
        <![endif]-->
      </head>

【讨论】:

  • 这解决了本地所有浏览器中的视图问题,但是当我使用 IE 从另一台机器指向服务器时(Chrome 远程工作正常),我的视图只是显示为一个空 .此外,所有版本的 IE 都存在奇怪的行为,当我尝试检查元素时,它们具有这些 'jQuery1800492917332865918=3' 属性。这对 IE 来说正常吗?
  • 不,它对我来说很好用。我在服务器上部署了上面的代码,它工作正常。我的意思是至少在功能方面它工作正常,你仍然需要修复 css
  • 我最好的猜测是你的 IE 保留了缓存。您不能只在开发工具上点击清除缓存。不知何故,并非每次都有效。这发生在我身上一次。
  • 知道了。添加 让它停止默认为 Quirks 模式,这是我大多数问题的原因,然后我只需要修复一些在好的浏览器中不是问题的随机错误。感谢您的帮助。
猜你喜欢
  • 1970-01-01
  • 2017-02-02
  • 1970-01-01
  • 1970-01-01
  • 2014-10-03
  • 2018-08-03
  • 1970-01-01
  • 2015-01-11
  • 2016-08-26
相关资源
最近更新 更多