Angular JS 라우팅이 IE 6에서 작동하지 않습니다.

현재 AngularJS (v1.2.16)를 프로젝트에 사용하는 기능을 연구하고 있습니다.이 기능은 Google의 우수한 IE 6 이상과 호환되어야합니다.Angular JS 라우팅이 IE 6에서 작동하지 않습니다.

각기 다른 환경에서 각도 튜토리얼을 테스트하고 있으며, 내 첫 번째 까다로운 문제는 각도 라우팅 (7 단계)과 관련되어 있습니다. 모든 것이 IE 7+에서 잘 작동하지만 좋은 솔루션이지만 다른 솔루션으로 각도 라우팅을 피하는 경우에도 IE6에서 작동하도록해야합니다.

IE6의 현재 동작 : 요청 된 모든 페이지가 다른 페이지로 리디렉션됩니다.

내 질문 : 누군가가 IE6에서 성공 했습니까? (앵귤러 팀이 더 이상 테스트하지 않는다는 것을 알고 있습니다. 일부 코드에서는 IE7 이상에서 작동합니다)

고마워! index.html을 :

<!doctype html> 
    <html lang="en" xmlns:ng="http://angularjs.org" id="ng-app" ng-app="phonecatApp" > 
    <head> 

    <!--[if lte IE 7]> 
     <script src="js/json2.js"></script> 
    <![endif]--> 
    <!--[if lte IE 9]> 
     <script src="js/es5-shim/es5-shim.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]--> 
    <meta charset="utf-8"> 
    <title>Google Phone Gallery</title> 
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> 
    <link rel="stylesheet" href="css/app.css"> 
    <script src="bower_components/angular/angular.js"></script> 
    <script src="bower_components/angular-route/angular-route.js"></script> 
    <script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 
    <script src="js/filters.js"></script> 
</head> 
<body> 

    <div ng-view></div> 

</body> 
</html>

app.js :

var phonecatApp = angular.module('phonecatApp', [ 
    'ngRoute', 
    'phonecatControllers', 
    'phonecatFilters' 
]); 

phonecatApp.config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
     when('/phones', { 
     template: '<div ng-include src="\'partials/phone-list.html\'"></div>', 
     controller: 'PhoneListCtrl' 
     }). 
     when('/lol', { 
     template: '<div ng-include src="\'partials/kiddin.html\'"></div>', 
     controller: 'PhoneDetailCtrl' 
     }). 
     otherwise({ 
     redirectTo: '/phones' 
     }); 
    }]);

kiddin.html :

<span>Kidding me!</span>

,369 여기

내 코드입니다

전화 list.html :

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-2"> 
     <!--Sidebar content--> 

     Search: <input ng-model="query"> 
     Sort by: 
     <select ng-model="orderProp"> 
     <option value="name">Alphabetical</option> 
     <option value="age">Newest</option> 
     </select> 

    </div> 
    <div class="col-md-10"> 
     <!--Body content--> 

    </div> 
    </div> 
</div>

출처

2014-05-21 GoWaPs

. IE6과 함께 행운을 빕니다 ... – sfletche

해결책을 찾았을 때 고마워요. – GoWaPs

AngularJS와는 IE6를 지원하지 않습니다.

각도 1.2는 IE8을 지원합니다.

각도 1.3은 IE9 이상을 지원합니다. 에

자세한 내용 그들의 Internet Explorer Compatibility page 이미 각도의 [IE 호환성 페이지 (https://docs.angularjs.org/guide/ie)와 IE7에 대한 해결 방법을 본 적이처럼 보이는

출처

2014-05-21 16:39:30 sfletche

해당 각도가 IE6을 지원하지 않는 호환성 문을 명시 적으로 선언하지 않았습니다. 귀하의 대답은 잘못된 것 같습니다 답변을 IE7에 대한 지원이 이루어집니다, 그래서 당신의 대답은 잘못된 것 같아요 –

@ GregWoods - Angular가 IE5 (또는 그 문제에 대한 모자이크/넷스케이프)를 지원하지 않는다는 명시적인 진술은 없지만 Angular는 그렇지 않습니다 해당 브라우저 중 하나를 지원하십시오 ... – sfletche

좋은 지적입니다. 내 자신의 (아마도 잘못된 가정) IE6 밀접하게 관련이 IE7, 그래서 비슷한 수준의 호환성이 있어야합니다. 내 (제한적) 테스트는 IE7에서 작동하도록 강요된 코드가 IE6에서도 작동 함을 확인합니다. 이는 결코 즐거운 경험이 아닙니다! –

Angular JS 라우팅이 IE 6에서 작동하지 않습니다.

답변

관련 문제