转自:https://www.cnblogs.com/best/tag/Angular/
ngNonBindable指令告诉Angular编译或绑定当前DOM元素的内容。这对于要求Angular忽略那些元素中包含Angular指令和绑定的情况下很有用。这种情况能让你的网站实时显示源码。
<div>Normal: {{1 + 2}}</div><div ng-non-bindable>Ignored: {{1 + 2}}</div>
脚本：
1 <!DOCTYPE html> 2 <!--指定angular管理的范围--> 3 <html ng-app="app01"> 4 5 <head> 6 <meta charset="UTF-8"> 7 <title>指令</title> 8 </head> 9 10 <body> 11 <!--指定控制器的作用范围--> 12 <form ng-controller="Controller1" name="form1" ng-init="header='header.html'"> 13 <p> 14 被解析的表达式：1+2={{1+2}} 15 </p> 16 <p ng-non-bindable="true"> 17 不解析的表达式：1+2={{1+2}} 18 </p> 19 </form> 20 <!--引入angularjs框架--> 21 <script src="js/angular146/angular.min.js" type="text/javascript" charset="utf-8"></script> 22 <script type="text/javascript"> 23 //定义模块，指定依赖项为空 24 var app01 = angular.module("app01", []); 25 //定义控制器，指定控制器的名称，$scope是全局对象 26 app01.controller("Controller1", function($scope) { 27 }); 28 </script> 29 </body> 30 31 </html>
结果：
