Internet Explorer和Angular JS

Pat*_*oda 2 internet-explorer angularjs

目前在Internet Explorer和角度js方面存在问题.

如下所示,html在Chrome和Firefox中渲染得很好,但是,ng-view标签中的任何内容都不会在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>
Run Code Online (Sandbox Code Playgroud)

我试图注入的部分内容如下所示:

<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>
Run Code Online (Sandbox Code Playgroud)

下面的代码显示了我们正在使用的路由实现:

'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'});
}]);
Run Code Online (Sandbox Code Playgroud)

任何人都有任何想法可以导致IE中的问题?

谢谢,

帕特里克

Dan*_*yon 12

首先你应该看一下IE上的angularjs doc .我为angular-ui编写了一个IE Shiv,它让你无需这样做,当你创建元素样式指令(ng-view,ng-include等)时,你可以指示你的哪些角度模块有这些指令.