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

Question

I am trying to use a custom directive in a module. It works in chrome but noch in IE 11 or lower.

Module 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" />

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

Directive HTML Hello World

The "Hello World" is never rendered and the link function is never called.

Any ideas?

Answer 1

Assuming that you did a straight copy/paste, your problem is here:

templateUrl: "template.html"),

and here:

});

You've got stray closing parenthesis. Remove them. Chrome is more forgiving than IE in some cases.