Angular JS 不适用于 IE9，但适用于其他浏览器

Question

所以我正在开发一个小应用程序，它可以从这样的 API url 获取它...... $http.get(s_url) .then(函数(res) {... 我的应用程序适用于 chrome、safari、opera 和 firefox，但在 IE9 中显示空白屏幕 我的 html 或 js 文件中是否缺少某些内容？ 这是我在 IE 的 html 文件中的内容...

    <!--[if lte IE 8]>
    <script src="js/json2.js"></script>
    <script>
        document.createElement('ng-include');
        document.createElement('ng-pluralize');
        document.createElement('ng-view');
        document.createElement('x-restrict');
        document.createElement('x-fileupload');
        // Optionally these for CSS
        document.createElement('ng:include');
        document.createElement('ng:pluralize');
        document.createElement('ng:view');
        //customized tags
        document.createElement('location');
        document.createElement('temp');
        document.createElement('image');
        document.createElement('caption');
        document.createElement('temps');
        document.createElement('remtemps');
    </script>
    <![endif]-->
    <div ng-view></div>
</head>

Answer 1

我遇到了类似的问题。页面将正确加载，调用 angular 来填充表格。随后单击刷新按钮应调用获取方法，但被浏览器忽略。

解决方案是添加过去 5 秒过期的内容过期标头，然后 IE 将执行 Angular 脚本。

编辑：

如何实现

要添加的标头在HTTP specification 中指定。

我在这里打印了一个固定的时间戳。您当然可以使用日期/时间函数明确设置日期

根据您使用的语言以及托管您的网络服务器，有不同的方法可以做到这一点：

.htaccess 文件：

<filesMatch "\.json">
   Header set Cache-Control "max-age=0, public"
   Header set Expires "Thu, 01 Dec 1994 16:00:00 GMT"
</filesMatch>

-注意两者都不是必需的

如果你使用的是 php：

<? header("Expires: Thu, 01 Dec 1994 16:00:00 GMT");
   header("Cache-Control: max-age=0, public");  
?>

如果你使用的是jsp：

<% 
   response.setHeader("Cache-Control: max-age=0, public");
%>

Answer 2

尝试在 ng-app 和 ng-view 前加上 data-ng-app、data-ng-view 中的数据。