Angular Direktive nicht in IE11 aber in Chrome

Question

gerendert Ich versuche, eine benutzerdefinierte Direktive in einem Modul zu verwenden. Es funktioniert in Chrom aber noch in IE 11 oder niedriger.

Modul Controller

angular.module('myApp', []) 
    .controller('myCtrl', ['$scope', '$stateParams', 
     function ($scope, $stateParams) { 
      'use strict'; 

      $scope.config = { 
       entityId: $stateParams.entityid 

      } 
     }]); 

Module html

<div data-my-directive data-config="config" /> 

Richtlinie JS

angular.module('myApp').directive('myDirective', ['$state', 
     function ($state) { 
      'use strict'; 

      return { 
       restrict: 'EA', 
       replace: true, 
       templateUrl: "template.html", 
       scope: { 
        config: "=config" 
       }, 
       link: function ($scope) { 
        'use strict'; 
       }); 
      } 
     }; 
    }]); 

Richtlinie HTML Hallo Welt

Die "Hallo Welt" wird nie gerendert und die Link-Funktion wird nie aufgerufen.

Irgendwelche Ideen?

Answer 1

Unter der Annahme, dass Sie ein gerade Kopieren/Einfügen haben, Ihr Problem ist hier:

templateUrl: "template.html"), 

und hier:

}); 

Sie haben Streuschließende Klammer. Entferne sie. Chrome ist in manchen Fällen fehlerverzeihender als IE.