Create a gist now

Instantly share code, notes, and snippets.

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

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

@vinhlh
vinhlh commented May 29, 2015

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]);
});
@sunsus
sunsus commented Sep 16, 2015

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

It is better compatible with Plugins.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment