转义 Angular 模板表达式以在 Angular HTML 组件模板中显示？

Question

如果我们在 Angular 应用程序中编写文档，有没有办法逃脱：

<p>{{ date | date :'short'}}</p>

这样它就不会执行而是呈现为：

{{ date | date :'short'}}

我阅读过的大多数示例文档都会在各个部分周围放置一个 span 元素，如下所示：

<span class="pun">{{</span>

Angular 是否有语法高亮管道，我们可以通过它传递表达式？

在 AngularJS 中是这样完成的：

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

Answer 1

使用ng-non-bindable/ngNonBindable 属性指示Angular 不应编译该DOM 元素的内容。

Angular 8：

在您的情况下，新代码类似于 <p ngNonBindable>{{ date | date :'short'}}</p>。

AngularJS：

在您的情况下，新代码看起来像 <p ng-non-bindable>{{ date | date :'short'}}</p>。

更多信息：https://docs.angularjs.org/api/ng/directive/ngNonBindable#examples