AngularJs directive for PrismJs

gistfile1.txt

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

Solved my problem using ui-router with Prism. Really useful for anyone looking to do the same.

You need to add this lines inside link function to make Prism updates when there are a change in your model:

$scope.$watch('{youModelName}', function () {
    Prism.highlightElement(element[0]);
});

Can you update to this Version:
https://gist.github.com/sunsus/2a5ce3fbe15f447e7fa7

It is better compatible with Plugins.