2

Я последовал за этот документ: http://docs.angularjs.org/guide/ieУгловые Views/Маршруты в IE8

Но все-таки я не вижу точку в 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> 

ответ

1

Я понял, что на самом деле происходит. Первое представление не отображалось в IE8 и IE9. Но взгляды работали. Я переключил ng-route на ui.router и добавил в заголовок следующее: теперь он работает нормально.

<meta http-equiv="X-UA-Compatible" content="IE=8"> 
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

Смежные вопросы