如何在 AngularJS 应用程序中显示代码块

How to display code block in AngularJS app

我正在尝试在 AngularJS 中创建一些关于 AngularJS 的网站 ;-) 我在 body 元素上添加了 ng-app,现在我所有的代码片段(都在 <pre><code> ... </code></pre> 标签中)由 angular 解析(例如它添加了 ng-binding class)。有没有办法告诉 angular 给定的块只是代码片段,不应该被解析?

是的,您可以使用 ngNonBindable 指令

例如:

<div ng-non-bindable>Ignored: {{1 + 2}}</div>