為什么我的angular.js應用程序不適用於ie7？

Question

我創建了一個angular.js應用程序，現在需要在IE 7及更高版本中工作。 我的應用在其他瀏覽器上正常工作。

我一直試圖插入id =“ng-app”，xmlns：ng，用angular.bootstrap手動啟動角度（文件，['myApp']），包括json3.js，......沒有什么對我有用。

我正在嘗試在我的html上插入一些數據，以查看angular是否正在解析我的文檔，但不是...

有趣的是，我的路線似乎有效（在我的應用程序中，您需要被記錄以訪問其他頁面，如果我正在嘗試繼續使用domain.ext /＃/ myRoute，我正確地重定向到域。分機/＃/）

這是我的實際index.html（{{toto}}未解析且我的ng-view始終為空白）：

<!DOCTYPE html>
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en" xmlns:ng="http://angularjs.org"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" xmlns:ng="http://angularjs.org"> <!--<![endif]-->
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>My Title</title>

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

    <!--[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');

      // Optionally these for CSS
      document.createElement('ng:include');
      document.createElement('ng:pluralize');
      document.createElement('ng:view');
    </script>
    <![endif]-->
    <!--<script src="js/vendor/json3.min.js"></script>-->
  </head>
  <body class="ng-app:myApp" id="ng-app">
    <div ng-app="myApp">
    <nav class="top-bar" ng-controller="MainCtrl">
      {{toto}}
      <!-- some html with some ng-show and ng-hide -->
    </nav>

    <div>
      <div ng-view="ng-view"></div>
    </div>

    <script src="js/vendor/custom.modernizr.js"></script>
    <script src="js/vendor/jquery.js"></script>
    <script src="js/vendor/jquery-ui-1.10.3.custom.min.js"></script>
    <script src="js/vendor/angular.js"></script>
    <script src="js/vendor/angular.cookies.js"></script>
    <script src="js/vendor/angular.upload.js"></script>

    <script src="js/app/main.js"></script>
    <script src="js/app/articles.js"></script>
    <script src="js/app/medias.js"></script>
    <script src="js/app/categories.js"></script>
    <script src="js/app/users.js"></script>
    <script src="js/app/keywords.js"></script>

    <script src="js/foundation.min.js"></script>
    <!--
    <script src="js/foundation/foundation.js"></script>
    <script src="js/foundation/foundation.alerts.js"></script>
    <script src="js/foundation/foundation.clearing.js"></script>
    <script src="js/foundation/foundation.cookie.js"></script>
    <script src="js/foundation/foundation.dropdown.js"></script>
    <script src="js/foundation/foundation.forms.js"></script>
    <script src="js/foundation/foundation.joyride.js"></script>
    <script src="js/foundation/foundation.magellan.js"></script>
    <script src="js/foundation/foundation.orbit.js"></script>
    <script src="js/foundation/foundation.placeholder.js"></script>
    <script src="js/foundation/foundation.reveal.js"></script>
    <script src="js/foundation/foundation.section.js"></script>
    <script src="js/foundation/foundation.tooltips.js"></script>
    <script src="js/foundation/foundation.topbar.js"></script>
    -->
    <script>
      $(document).foundation();
    </script>
    </div>
  </body>
</html>

對不起，如果我的英語太差了，

謝謝你的幫助

傑羅姆

Answer 1

此相關問題中提供的解決方案將有所幫助：

相關的IE7和AngularJS SO問題

我已經成功地使用了與IE7相同的方法。

Answer 2

我建議你閱讀這個頁面http://docs.angularjs.org/guide/ie

默認情況下，Angular與IE7不兼容。

Answer 3

我最近開始研究一個模塊來幫助實現angular和IE7。 你必須采取許多障礙才能讓它發揮作用。 試一試，看看它是否適合你。

https://github.com/johngeorgewright/angular-ie7-support

為什么我的angular.js應用程序不適用於ie7？

問題描述

3 個解決方案

解決方案1
3 2013-06-18 10:14:10

解決方案2
1 2013-05-16 11:52:15

解決方案3
0 2014-06-20 16:22:18

為什么我的angular.js應用程序不適用於ie7？

問題描述

3 個解決方案

解決方案1 3 2013-06-18 10:14:10

解決方案2 1 2013-05-16 11:52:15

解決方案3 0 2014-06-20 16:22:18

解決方案1
3 2013-06-18 10:14:10

解決方案2
1 2013-05-16 11:52:15

解決方案3
0 2014-06-20 16:22:18