javascript - Controller not working in Internet Explorer only -

i creating sharepoint app uses angular js. required scripts (as per application requirement) , styles added dynamically through script in sequential fashion.

html created through scripts.

everything working fine in browsers except ie. of data loaded , functioning properly.

controller js:

var app = angular.module("scainfoapp", ['ngsanitize']); app.controller("scainfoctrl", function ($scope,crudservice) {     console.log('controller loaded');     $scope.vm = this;     $scope.vm.data = {};     $scope.vm.data.mu = [];     $scope.vm.getpresence = getpresence;     console.log('controller loaded');      var promise = crudservice.getuserprofilelistitems("$filter=issiteadmin eq 1", "");     promise.then(function (data) {         angular.foreach(data.results, function (siteadmin) {             console.log('controller each');             $scope.vm.data.mu.push({ title: siteadmin.title, id: siteadmin.id });         });         if (!$scope.$$phase) {             $scope.$apply();         }     }, function (status) {         console.log("error " + status);     });      function getpresence(userid, usertitle) {         if (userid && usertitle) {             return '<span class="ms-nowrap"><span class="ms-spimn-presencelink"><span class="ms-spimn-presencewrapper ms-imnimg ms-spimn-imgsize-10x10"><img class="ms-spimn-img ms-spimn-presence-online-10x10x32" src="' + appweburl + '/_layouts/15/images/spimn.png?rev=23"  alt="" /></span></span><span class="ms-nowrap ms-imnspan"><span class="ms-spimn-presencelink"><img class="ms-hide" src="' + appweburl + '/_layouts/15/images/blank.gif?rev=23"  alt="" /></span><a class="ms-subtlelink" target="_parent"  onclick="gotolinkordialognewwindow(this);return false;" href="' + appweburl + '/_layouts/15/userdisp.aspx?id=' + userid + '">' + usertitle + '</a></span></span>';         }         return '<span></span>';     } }); 

related html code:

function createsiteadminsection() {     $('<div/>', { id: 'scainfoapp', 'class': 'container', 'data-ng-app': 'scainfoapp', 'data-ng-controller': 'scainfoctrl' }).html('<div id="userbind" class="row"></div>').appendto('#modal2 .modal-body');     $('<ul/>', { 'class': 'list-users', }).html('<li data-ng-repeat="r in vm.data.mu track $index"><span data-ng-bind-html="vm.getpresence(r.id, r.title)"></span></li>').appendto('#userbind');  } 

again, whole application working fine on chrome, mozilla, safari not in internet explorer.

thanks,

finally found solution of issue.

angular.element(document).ready(function () {     angular.bootstrap(document, ['scainfoapp']); }); 

bootstrap angular app in way.