Tengo una aplicación angularjs para que los estudiantes aprendan que incluye tantas etiquetas previas html y fragmentos de código. Tiene resaltado js pero algunas de las sintaxis no muestran colores exactos. pero he agregado la función window.onload en uno de los casos de uso y funciona correctamente. lo que quiero; es aplicarlo globalmente en todas las etiquetas previas, pero no funcionó con el código jquery que he escrito. para más referencia estoy agregando ambos códigos e imagen aquí

modelo de trabajo

en otros casos de uso

código que he agregado que da resultado

 window.onload = function() { var aCodes = document.getElementsByTagName('pre'); for (var i=0; i < aCodes.length; i++) { hljs.highlightBlock(aCodes[i]); } };

código que he probado (si funciona, lo haré global)

 $("pre").on("load", function() { setTimeout(function () { var aCodes = document.getElementsByTagName('pre'); for (var i=0; i < aCodes.length; i++) { hljs.highlightBlock(aCodes[i]); } },1000) })

¿Qué me estoy perdiendo? hay alguna otra manera de resolver esto