在angular指令中使用prismJs

Question

我正在尝试在我的angular应用程序中使用PrismJs

左边你可以看到我得到了什么，右边你得到了预期的结果

​

下面你可以看到我正在使用的代码。下面是我使用的指令：

(function () {
    'use strict';

    function prism() {
        return {
            restrict: 'A',
            link: function($scope, element, attrs) {
                element.ready(function () {
                    Prism.highlightElement(element[0].querySelector('code'));
                });
            }
        };
    }

    angular.module('app.directives').directive('prism', prism);

})();

有人知道我可能做错了什么吗？

Answer 1

好了，我发现了我的问题，很明显，标签没有逃脱，所以添加它确实解决了它！