Angular指令未在IE11中呈現，但在Chrome中呈現

Question

我正在嘗試在模塊中使用自定義指令。 它適用於Chrome瀏覽器，但適用於IE 11或更低版本。

模塊控制器

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

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

            }
        }]);

模塊html

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

指令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';
                });
            }
        };
    }]);

指令HTML Hello World

永遠不會渲染“ Hello World”，也永遠不會調用鏈接函數。

有任何想法嗎？

Answer 1

假設您進行了直接復制/粘貼，則問題出在這里：

templateUrl: "template.html"),

和這里：

});

您有迷惑的右括號。 刪除它們。 在某些情況下，Chrome比IE更寬容。