title: 'Promise' is undefined error when run on IE
body: <p>I have a controller code that runs fine on Chrome, but when run on IE 10 the same code returns </p>
  
  <pre><code>ReferenceError: 'Promise' is undefined
  </code></pre>
  
  <p>The function that returns the error is:</p>
  
  <pre><code>new Promise(function(resolve) {
      MetaModel.load($scope, (regionExist ? reqParmRegion[1] : reqParmRegion), (screenExist ? reqParmScreen[1] : reqParmScreen), resolve);
  }).then(function(){
  
      loadRelationshipByStep($scope.preStep);
       if($rootScope.regionId === 'us') {
          $rootScope.currRel = 'itself';
      } 
  
      if($rootScope.screenId.indexOf('search') !== -1 ){
         EnumerationService.loadEnumerationByTab();
      }  
      // load data for tab click
      if($rootScope.currRel !== 'undefined' &amp;&amp; $rootScope.currRel !== 'itself' &amp;&amp; $scope.regionId !== 'us'){
          $scope.loadDataByTab($rootScope.currRel);
      } else if($rootScope.resourceHref !== undefined) {
          var params = {};
           resourceFactory.get($rootScope.resourceHref, params, $rootScope.headers).success(function(responseData){
              var data = responseData.data || responseData;
              if (data) {
                  $scope.data=data;
                  EnumerationService.executeEnumerationFromBackEnd(data, 'create');
                  if($rootScope.regionId === 'us'){
                      EnumerationService.executeEnumerationFromBackEnd(data, 'fetch');    
                  }
              }
          });            
      }
  });
  </code></pre>
  
  <p>Do i need to add any $promise variables?  </p>