Question

我正在尝试在模块中使用自定义指令。它适用于Chrome浏览器，但在IE 11或更低版本中使用noch。

模块控制器

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

＆＃34; Hello World＆＃34;永远不会被渲染，永远不会调用链接函数。

有什么想法吗？

Answer 1

假设您进行了直接复制/粘贴，问题出在此处：

templateUrl: "template.html"),

在这里：

});

你有一个错误的右括号。删除它们。在某些情况下，Chrome比IE更宽容。

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

1 个答案: