在AngularJS中，我们经常会使用双花括号语法 {{}} 来绑定数据到视图中，这样可以实现动态更新数据的效果。但有时候我们并不希望AngularJS编译这些绑定，而是直接将它们当作普通的文本显示出来。这时就可以使用ng-non-bindable指令。
什么是ng-non-bindable指令？
ng-non-bindable指令是AngularJS提供的一个指令，用来告诉AngularJS不要编译指定的元素及其子元素中的双花括号表达式。这样可以避免AngularJS编译这些表达式，直接将它们显示为普通文本。
如何使用ng-non-bindable指令？
要在HTML元素中使用ng-non-bindable指令，只需要在需要禁止绑定的元素上添加该指令即可。例如：
<div ng-non-bindable>
{{ '这是一个普通的文本' }}
</div>在上面的例子中，ng-non-bindable指令被添加到<div>元素上，这样{{ '这是一个普通的文本' }}表达式就不会被AngularJS编译，而是直接显示为文本。
ng-non-bindable指令的注意事项
ng-non-bindable指令只能用于HTML元素上，不能用于自定义指令或指令中。ng-non-bindable指令不会阻止AngularJS编译其他指令，只是禁止编译双花括号表达式。
示例代码
下面是一个更复杂的示例代码，演示了如何在AngularJS应用中使用ng-non-bindable指什：
-- -------------------- ---- -------
--------- -----
----- --------- ---------------
------
----- ----------------
------------------------------
------- ------------------------------------------------------------------------------------
-------
------
---- -----------------------
------ ----- -------
---- ----------------
----- ----------- ------
------
------
--------
--- --- - ----------------------- ----
------------------------ ---------------- -
------------ - --------------------
---
---------
-------
-------在上面的示例代码中，ng-non-bindable指令被添加到一个<div>元素上，里面包含一个双花括号表达式{{ '这是一个普通的文本' }}，这个表达式不会被AngularJS编译，而是直接显示为文本。
希望本文对你理解AngularJS中的ng-non-bindable指令有所帮助！