Skip to content

Instantly share code, notes, and snippets.

@lbdremy

lbdremy/aight-breaks-leaflet-directive.html

Last active December 22, 2015 19:59
Show Gist options
  • Save lbdremy/6523170 to your computer and use it in GitHub Desktop.
Save lbdremy/6523170 to your computer and use it in GitHub Desktop.
Download ZIP
aight breaking angular directive leaftlet on IE 8
Raw
aight-breaks-leaflet-directive.html
<html xmlns:ng="http://angularjs.org" id="ng-app" class="ng-app:demoapp" ng-app="demoapp" ng-controller="DemoController">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="https://rawgithub.com/tombatossals/angular-leaflet-directive/master/src/angular-leaflet-directive.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
<!--[if lte IE 8]>
<script src="https://rawgithub.com/shawnbot/aight/master/aight.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" />
<script>
document.createElement('leaflet');
</script>
<![endif]-->
</head>
<body ng-controller="DemoController">
<leaflet width="640" height="480"></leaflet>
</body>
<script>
var app = angular.module("demoapp", ['leaflet-directive']);
app.controller("DemoController", function($scope) {
// Nothing here!
});
</script>
</html>
Raw
aight-outside-of-ie-condition.html
<html xmlns:ng="http://angularjs.org" id="ng-app" class="ng-app:demoapp" ng-app="demoapp" ng-controller="DemoController">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="https://rawgithub.com/tombatossals/angular-leaflet-directive/master/src/angular-leaflet-directive.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
<script src="https://rawgithub.com/shawnbot/aight/master/aight.js"></script>
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" />
<script>
document.createElement('leaflet');
</script>
<![endif]-->
</head>
<body ng-controller="DemoController">
<leaflet width="640" height="480"></leaflet>
</body>
<script>
var app = angular.module("demoapp", ['leaflet-directive']);
app.controller("DemoController", function($scope) {
// Nothing here!
});
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment