语法Highlighter在Angular应用程序中不起作用

Question

我有一个Angular应用程序，想要在网站上显示一些代码。我添加了来自Alexgorbatchev Syntax highlighter的java脚本代码。它在网站加载方面做得很好。但是在UI上输入或更改了一些输入后无效。

我是否必须在NG更改时调用SyntaxHighlighter.all（）方法？

的index.html

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
 <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
 <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>  
 <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>   

<script language='javascript'> 
    SyntaxHighlighter.all();
 </script>

page.html中

<pre class="brush:java">{{vStr}}</pre>