AngularJS ng-non-bindable 指令

  • 定义和用法

    ng-non-bindable 指令指定 AngularJS 重新编译此 HTML 元素及其子例程的内容。
  • 语法

    <element ng-non-bindable></element>
    
    所有的HTML元素都支持该指令
  • 参数

    参数 必需的 描述
    ng-non-bindable 指令没有任何参数。
  • 示例

    下例演示了使用ng-non-bindable指令AngularJS不会编译绑定的内容:
    <!DOCTYPE html>
     <html lang="en">
     <head>
     <meta charset="UTF-8">
     <title>欢迎来到蝴蝶教程</title>
     <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
     </head>
     <body ng-app="">
             <div>AngularJS正常编译这个表达式:{{5 + 5}}</div> 
             <div ng-non-bindable>加了ng-non-bindable指令AngularJS不会编译这个表达式:{{5 + 5}}</div> 
             <p>当您不希望AngularJS编译或绑定内容时,请使用ng-non-bindable指令。</p> 
     </body>
     </html>
    
    尝试一下