Javascript 无法使用angular highlightjs突出显示代码

在我的一个angular js web应用程序中有以下代码片段

<div class="" ng-repeat="entry in fullSolutionPackage.solution.soln">
     <div>          
         <div ng-bind-html="sanitizeHtml(entry.solution)"></div>
     </div>
</div> 

<pre> 
   <code class="language-java"> 
        import java.util.Scanner; 

        class OddOrEven { 
            public static void main(String args[]) 
            { 
                int x; 
                System.out.println("Enter an integer to check if it is odd or even "); 
                Scanner in = new Scanner(System.in); 
                x = in.nextInt(); 
                if ( x % 2 == 0 ) 
                     System.out.println("You entered an even number.");          else 
                     System.out.println("You entered an odd number."); 

             } 
          }

     </code>
  </pre> 
  <p>&nbsp;</p> 

“fullSolutionPackage.solution.soln”返回一个json数组，代码正在该数组中迭代。基本上，数组元素如下所示：

导入java.util.Scanner；
类OddOrEven{
公共静态void main（字符串参数[]）
{ 
int x；
System.out.println（“输入一个整数以检查它是奇数还是偶数”）；
扫描仪输入=新扫描仪（系统输入）；
x=in.nextInt（）；
如果（x%2==0）
System.out.println（“您输入了一个偶数。”）；否则
System.out.println（“您输入了一个奇数。”）；
} 
}

我想用它来突出显示代码。但我不能这样做。突出显示没有发生。我尝试了以下方法：

但它不起作用

---

请帮我找到正确的解决方案。

您对文档有什么特别的问题吗？你想做什么？特别是，您是否尝试过在第二级

div

上添加“hljs”指令？是的，我尝试过。但它不起作用。在创建应用程序模块时，您是否将

hljs

模块作为依赖项包括在内？是的，我在app.js文件中添加了所有必需的文件和依赖项。控制台上有错误吗？你能把这个问题复制出来吗？

<div hljs ng-bind-html="sanitizeHtml(entry.solution)"></div>