8.不绑定（ngNonBindable）

转自: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>

结果：

posted on 2017-12-27 17:20 Sharpest 阅读(304) 评论(0) 编辑收藏举报