html - 前置标签中的AngularJS数据绑定(bind)

我只是想写一段代码，展示一个特定的数据绑定实例是如何工作的，但是它一直在pre标记中执行！即使使用{和}它仍然有效。我笑着把这个问题发到网上，因为它看起来很简单，但我在网上找不到简单的答案。我真的不想为了排除这一段代码而创建多个ng应用。
代码如下所示（我使用的是prism）：
预先逃逸

<input type="text" placeholder="Enter a hex color" ng-model="myColor">
<p style="color: #{{myColor}};">I am color #{{myColor}}</p>

逃出的岗位

<pre><code class="language-markup">
    &lt;input type=&quot;text&quot; placeholder=&quot;Enter a hex color&quot; ng-model=&quot;myColor&quot;&gt;<br/>
    &lt;p style=&quot;color: #{{myColor}};&quot;&gt;I am color #&#123;&#123;myColor&#125;&#125;&lt;/p&gt;
</code></pre>

{{myColor}}也不起作用。我只是不想让那东西被评估。

最佳答案

给你：

<code ng-non-bindable>{{myColor}}</code>

从here

关于html - 前置标签中的AngularJS数据绑定(bind)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20915984/