Internet Explorer und Angular JS

Derzeit ein problem in Bezug auf Internet Explorer und angular js.

Html, wie unten dargestellt, ist die Leistung in Ordnung in Chrome und Firefox, jedoch etwas in die ng-view-tags nicht dazu, überhaupt im IE.

<html xmlns:ng="http://angularjs.org">
<html lang="en" ng-app="poc">
<head>
<meta charset="utf-8">
<title>poc</title>
<link rel="stylesheet" href="css/app.css"/>
<link rel="stylesheet" href="css/bootstrap.css"/>
<script src="lib/angular/angular.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
<script src="cordova-2.1.0.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div ng-view>
</div>
</body>
</html>

Die teilweise, die ich versuche zu injizieren, in diesem ist unten dargestellt:

<section>
<h1>Proof of Concept</h1>
<ul>
<li><a href="#/phonegap">Try Phonegap Features</a></li>
<li><a href="#/observations">Test Websocket Requests</a></li>
<li><a href="#/persondetails">Test Person Details Requests</a></li>
</ul>
<section>

Den code unten zeigt die routing-Implementierung benutzen wir:

'use strict';

angular.module('poc', ['pocFilters', 'pocServices']).
config(['$routeProvider', function($routeProvider){
$routeProvider.
    when('/poc', {templateUrl: 'partials/poc.html',   controller: PocCtrl}).

    when('/observations', {templateUrl: 'partials/observations.html', 
    controller: ObservationsCtrl}).

    when('/phonegap', {templateUrl: 'partials/phonegap.html',
    controller: PhonegapCtrl}).

    when('/persondetails', {templateUrl: 'partials/persondetails.html',
    controller: PersondetailsCtrl}).

    otherwise({redirectTo: '/poc'});
}]);

Jemand irgendwelche Ideen, was könnte die Ursache des Problems im IE?

Dank,

Patrick

Haben Sie versucht einfach alle den HTML-Code in einer Datei, ohne durch die Winkelgeschwindigkeit? Dies wird Ihnen sagen, ob es ein IE Problem oder eine eckige Angelegenheit.
Hi dnc253, ja ich habe versucht zu tun so und macht es gut. Es funktioniert gut mit eckig in Chrome und Firefox so ist es vielleicht irgendeine Art von Fehler oder komische Marotte mit IE mit Winkelgetriebe.

InformationsquelleAutor Patricoda | 2012-10-17

  1. 12

    Zuerst sollten Sie schauen, angularjs doc auf IE. Ich schrieb ein IE-Shiv für angular-ui, die befreit Sie von dies zu tun und wenn Sie das element erstellen Stil-Richtlinien (die ng-view -, ng-include etc), können Sie anweisen, shiv, welche Ihre Winkel-Module haben diese Richtlinien.

    InformationsquelleAutor Dan Doyon

  2. 3

    Hinzufügen id="ng-app" an den tag, in der Sie mit ng-app Richtlinie. In Ihrem Fall wird der tag <html>. Damit Ihre html-tag sollte wie folgt Aussehen, um die app gerendert, DH.

    <html lang="en" ng-app="poc" id="ng-app">

    statt

    <html lang="en" ng-app="poc">

    Dieser arbeitete für mich, aber können Sie erklären, warum?

    InformationsquelleAutor PRADEEP KUMAR

  3. 1

    Gewinkelt 1.2 RC1 nicht gut spielen mit IE 11: es hat einen CORS-Problem beim routing. Das Ergebnis ist, dass die Ansichten werden nicht gerendert (da deren Inhalt nicht abgeholt)

    Wenn Sie vermuten, dass dies das Problem ist - öffnen Sie die Konsole (F12). Sie können sehen, die Ausnahme.

    Dies wurde gelöst, in Eckige 1.2 RC3.

    Toll...ich hatte eine version 1.2.0... geschaltet 1.2.32 das Problem gelöst... vielen Dank

    InformationsquelleAutor Omri Spector

  4. 0

    Den HTML5-Elemente benötigen einen shim (speziell die section-tag), haben Sie zwei html-tags, wenn Sie müssen nur eins, Sie sollte sich wirklich doctype deklariert, und Sie müssen auch hinzufügen id="ng-app", um den html-tag für IE7 zu arbeiten.

    Zur shim-Elemente, erstellen Sie ein Skript (Datei oder einfach nur ein tag) mit einem document.createElement(); - Anweisung für jedes element - in deinem Fall document.createElement('section').

    Dass sollte dir Recht.

    Auch Sie sollte in der Nähe der section-tag eher als das öffnen einer anderen </section>

    InformationsquelleAutor Scottux

Schreibe einen Kommentar