2013-05-16 4 views
3

Я создал приложение angular.js, которое теперь должно работать в IE 7 и более. Мое приложение работает правильно в других браузерах.Почему мое приложение angular.js не работает на ie7?

Я пытался вставить id = "ng-app", xmlns: ng, загружать угловые вручную с помощью angular.bootstrap (document, ['myApp']), включить json3.js, ... Ничто не работает для меня.

Я пытаюсь вставить некоторые данные в моем HTML для просмотра, если угловой является разбор моего документа, но не ...

Это интересно знать, что мой маршрут, похож на работу (в моем приложении, вам нужно для доступа к другой странице, и если я пытаюсь перейти на domain.ext/#/myRoute, я правильно перенаправлен на domain.ext/# /)

Это мой фактический index.html ({{}} тото не разбираются и мои нг ракурс всегда пустой):

<!DOCTYPE html> 
<!--[if IE 8]>   <html class="no-js lt-ie9" lang="en" xmlns:ng="http://angularjs.org"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" xmlns:ng="http://angularjs.org"> <!--<![endif]--> 
    <head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width" /> 
    <title>My Title</title> 

    <link rel="stylesheet" href="css/normalize.css" /> 
    <link rel="stylesheet" href="css/foundation.css" /> 
    <link rel="stylesheet" href="css/style.css" /> 

    <!--[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'); 

     // Optionally these for CSS 
     document.createElement('ng:include'); 
     document.createElement('ng:pluralize'); 
     document.createElement('ng:view'); 
    </script> 
    <![endif]--> 
    <!--<script src="js/vendor/json3.min.js"></script>--> 
    </head> 
    <body class="ng-app:myApp" id="ng-app"> 
    <div ng-app="myApp"> 
    <nav class="top-bar" ng-controller="MainCtrl"> 
     {{toto}} 
     <!-- some html with some ng-show and ng-hide --> 
    </nav> 

    <div> 
     <div ng-view="ng-view"></div> 
    </div> 

    <script src="js/vendor/custom.modernizr.js"></script> 
    <script src="js/vendor/jquery.js"></script> 
    <script src="js/vendor/jquery-ui-1.10.3.custom.min.js"></script> 
    <script src="js/vendor/angular.js"></script> 
    <script src="js/vendor/angular.cookies.js"></script> 
    <script src="js/vendor/angular.upload.js"></script> 

    <script src="js/app/main.js"></script> 
    <script src="js/app/articles.js"></script> 
    <script src="js/app/medias.js"></script> 
    <script src="js/app/categories.js"></script> 
    <script src="js/app/users.js"></script> 
    <script src="js/app/keywords.js"></script> 

    <script src="js/foundation.min.js"></script> 
    <!-- 
    <script src="js/foundation/foundation.js"></script> 
    <script src="js/foundation/foundation.alerts.js"></script> 
    <script src="js/foundation/foundation.clearing.js"></script> 
    <script src="js/foundation/foundation.cookie.js"></script> 
    <script src="js/foundation/foundation.dropdown.js"></script> 
    <script src="js/foundation/foundation.forms.js"></script> 
    <script src="js/foundation/foundation.joyride.js"></script> 
    <script src="js/foundation/foundation.magellan.js"></script> 
    <script src="js/foundation/foundation.orbit.js"></script> 
    <script src="js/foundation/foundation.placeholder.js"></script> 
    <script src="js/foundation/foundation.reveal.js"></script> 
    <script src="js/foundation/foundation.section.js"></script> 
    <script src="js/foundation/foundation.tooltips.js"></script> 
    <script src="js/foundation/foundation.topbar.js"></script> 
    --> 
    <script> 
     $(document).foundation(); 
    </script> 
    </div> 
    </body> 
</html> 

Извините, если мой английский настолько плохо,

Спасибо за вашу помощь

Jerome

+0

Может быть, из-за пользовательским HTML ATTRS как "нг-зрение"? – karaxuna

+0

и так, на чем я его заменю? – user2389427

+0

Какую версию angularjs вы используете? Стабильная продукция? – Fourth

ответ

1

Я хотел бы предложить, что вы читаете эту страницу http://docs.angularjs.org/guide/ie

Угловая не очень хорошо играть с IE7 по умолчанию.

+0

Я уже читал эту страницу, которая появляется в большом количестве сообщений, но это мне не очень помогает ... Проверьте код – user2389427

3

Решение, предусмотренное в этом соответствующий вопрос будет помощь:

Related IE7 and AngularJS SO Question

Я успешно использовал тот же подход для IE7, как описано здесь.

0

Недавно я начал работу над модулем, чтобы помочь в реализации угловых и IE7. Есть много препятствий, которые вы должны предпринять, чтобы попытаться заставить его работать. Попробуйте и посмотрите, не сработает ли это для вас.

https://github.com/johngeorgewright/angular-ie7-support

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