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>

结果:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值