AngularJS路由在IE7中无法工作

Question

AngularJS路由在IE7中无法工作

javascriptinternet-explorer-7angularjs

20

我一直在按照教程实现我的应用程序中的路由。

http://docs.angularjs.org/tutorial/step_07

但我无法在IE7中运行我的版本，并且在花了一段时间试图找出我错过或做错了什么后，我注意到示例也不起作用。

http://angular.github.com/angular-phonecat/step-7/app/

有人知道如何使其工作吗？

- Tom

不确定是否是原因，但根据 AngularJS 的常见问题解答页面，它仅在 IE8+ 上经过测试。http://docs.angularjs.org/partials/misc/faq.html - Martin

2

您还可以在此处查看详细说明的文档：http://docs.angularjs.org/guide/ie - F Lekschas

@Flek 我没有使用自定义标签名称，也尝试了评论中提到的一些方法，但是ie指南中没有任何帮助。 - Tom

3

我们不会在IE7上进行测试，但我们听说有人能够在IE7中运行他们的Angular代码。 - Misko Hevery

@Tom 是的，昨天我也简单地检查了一下，但没有时间进行更深入的研究。 - F Lekschas

4

@MiskoHevery 哈哈.. "我们听说过一些人" ... 他们来自阴暗的地方吗？做着黑暗的事情吗？我对看到这个工作很感兴趣，因为我怀疑其中有巫术的成分。 - Ben Lesh

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- adrien · Accepted Answer

好的，我遇到了同样的问题，所以我开始发起悬赏，但之后我找到了可行的解决方案（至少对我而言）：

使用 HTML5 shim
使用 JSON2.js
将这些属性添加到您的html节点中：

class="ng-app:myapp" id="ng-app" ng-app="myapp" xmlns:ng="http://angularjs.org"

（其中myapp实际上是您的应用程序名称）

因此，为了总结一下，这是我的IE7/8/9可工作的HTML页面：

<!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="js/json2.js"></script>
    <![endif]-->
  </head>
  <body>
    <div ng-view></div>
  </body>
</html>