IE & angular but with ng-if and ng-animate

by Julien Roche

HTML

<link rel="stylesheet" href="https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.4/angular-material.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-aria.min.js"></script>
<script src="https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.4/angular-material.js"></script>
<body ng-controller="MainCtrl as $ctrl">
    
    <md-switch ng-model="$ctrl.switch" aria-label="Test switch">
  		<span ng-show="$ctrl.switch">On</span>
  		<span ng-show="!$ctrl.switch">Off</span>
  	</md-switch>
  	
  	<span ng-show="$ctrl.switch">On</span>
  	<span ng-show="!$ctrl.switch">Off</span>
  </body>

JavaScript

'use strict';

var app = angular.module('myApp', ['ngMaterial', 'ngAnimate']);

app.controller('MainCtrl', function($animate, $element) {
  this.switch = true;
  $animate.enabled($element[0], false);
});

angular.bootstrap(document.body, ['myApp']);