title: AngularJS and IE compatibility mode
body: <p>I have angularJS(AngularJS v1.3.0-beta.3) application that crashes in IE10 compatibility mode. It works fine in FF, Chrome and IE11. Here is what I get as an error in console:</p>
  
  <pre><code>Multiple directives [login, login] asking for 'login' controller on: &lt;div&gt;
  </code></pre>
  
  <p>to set state of application, I create a  node:</p>
  
  <pre><code>link: function ($scope, $element, $attrs) {
      ....
  $element.html('&lt;login&gt;&lt;/login&gt;');
      $compile($element.contents())($scope); // crash happens here
      ....
  }
  </code></pre>
  
  <p>Here is my login directive:</p>
  
  <pre><code>widgets.directive('login', ['$compile', '$http', 'resourceLoader', function ($compile, $http, resourceLoader) {
      return {
          restrict: 'AE',
          replace: true,
          template: '&lt;div&gt;&lt;/div&gt;',
          controller: function ($scope, $element) {
              $scope.user.isLogged = false;
              $scope.user.password = undefined;
  
              $scope.submitLogin = function () {
                  // code that goes to server
              };
          },
          link: function ($scope, $element, $attrs) {
              resourceLoader.get('templates', 'profile', 'unlogged/login', 'jquery.min', function (template) {
                  $element.html(template);
                  $compile($element.contents())($scope);
              });
          }
      };
  }]);
  </code></pre>
  
  <p>Any ideas? Thanx.</p>