SyntaxHighlighter不能与AngularJs一起使用

Question

我使用SyntaxHighlighter API突出显示给定的xml片段.xml字符串从服务器端生成，角度控制器设置值生成到html页面。

示例HTML代码段

<div class="modal-body">
    <pre id="xmlText" class="brush:xml">{{xml}}</pre>       
</div>

AngularJs控制器代码段

//code goes here
$scope.xml=data.xml;

数据提取成功。但问题是，当通过<pre>将 xml 内容设置为{{xml}}时，无法显示任何内容。请告诉我如何解决此问题。

注意：我已经包含了必要的SyntaxHighlighter文件。当我手动将一些xml字符串复制到pre时，它的工作正常。但是通过Angular模型它是空的。