角度转义如何绑定值？答案

【问题标题】：How does angular escape bound values?角度转义如何绑定值？
【发布时间】：2016-07-19 15:21:30
【问题描述】：

让我们来看看这个简单的角度 sn-p：

<input type="text" ng-model="name" />
<p>Hello {{name}}</p>

如果我输入文本<script>document.write("Hello World!");</script>，它看起来并没有执行，而是按原样显示。但是，如果查看生成的 HTML，我会看到没有任何转义的脚本标记。

我希望将尖括号视为 HTML 转义字符。那么angular是如何保证这段代码不被执行的呢？

【问题讨论】：

【解决方案1】：

它实际上是 html 编码它，这就是它没有运行的原因。如果您使用的是 chrome 开发工具，为了便于阅读，它会将它们显示为常规尖括号。

如果您右键单击该值并单击“编辑为 HTML”，您将看到 html 编码的内容。

【讨论】：