2

我遵循了这份文件：http ://docs.angularjs.org/guide/ie

但我仍然看不到 IE8 中的视图。它在现代浏览器中运行良好。ngRoute 助手模块是否支持 IE8？有什么建议么？

<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="demoApp">
  <head>
    <!--[if lte IE 8]>
        <script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.0/json3.min.js"></script>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body> 
    <div class="container">
        Search by: 
        <span class="searchby"><a href="#/nameSearch">Name</a> | <a href="#/">Back</a></span>
        <div ng-view=""></div>
    </div>
    <script src="angular.min.js"></script>
    <script src="angular-route.min.js"></script>
    <script>
        var demoApp = angular.module("demoApp", ["ngRoute"]);
        demoApp.config(function ($routeProvider) {
            $routeProvider
                .when ('/',
                    {
                        templateUrl: "views/welcomePage.html",
                        controller: "SimpleController"
                    })
                .when ('/nameSearch',
                    {
                        templateUrl: "views/nameSearch.html",
                        controller: "SimpleController"
                    })
                .otherwise ({ redirectTo: '/' });
        })

        demoApp.controller("SimpleController", function ($scope) {
        })          
    </script>   
</body>

4

2 回答 2

1

我弄清楚到底发生了什么。第一个视图没有在 IE8 和 IE9 中显示。但这些观点奏效了。我为 ui.router 切换了 ng-route 并将以下内容添加到标题中，现在它可以正常工作了。

<meta http-equiv="X-UA-Compatible" content="IE=8">
于 2014-02-03T20:10:55.743 回答
0

是的，ngRoute 在 IE8 中工作，但设置起来可能很棘手。我有一个工作应用程序，我使用如下内容：

<html xmlns:ng="http://angularjs.org" class="ng-app:demoApp" id="ng-app" ng-app="demoApp">
<head>
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

    <!--[if lte IE 8]>
        <script src="scripts/json2.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]-->
</head>

Json2：https ://github.com/douglascrockford/JSON-js/blob/master/json2.js

于 2014-02-03T18:06:08.807 回答