AngularJS

AngularJS路由在IE7中不起作用

发布于 2021-02-01 10:15:04

我已经按照教程在我的应用程序中实现了路由

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

我无法在IE7中使用我的版本，花了一段时间尝试找出我错过/做错的事情后，我注意到该示例不起作用。

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

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

关注者

被浏览

1 个回答

面试哥 2021-02-01

为面试而生，有面试问题，就找面试哥。

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

使用HTML5填充
使用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>

知识点

AngularJS

面圈网VIP题库全新上线，海量真题题库资源。 90大类考试，超10万份考试真题开放下载啦

去下载看看