zoukankan      html  css  js  c++  java
  • 数据绑定指令

    ng-bind   绑定一个HTML元素的 innerText 属性

    ng-bind-html    使用一个HTML元素的 innerHTML 属性创建数据绑定

    ng-bind-template     与 ng-bind 指令类似,但是允许在属性值中指定多个模板表达式

    ng-model         创建一个双向数据绑定

    ng-non-bindable          声明一块不会执行数据绑定的区域

    单向数据绑定:

    ng-bind   或者   {{表达式}}

    eg: 1、 <div>There are {{todos.length}} items</div>

      2、 <div>There are <span ng-bind="todos.length"></span> items</div>

    ng-bind-template 指令, 指定模板表达式

      eg: <div ng-bind-template="First: {{todos[0].action}}. Second: {{todos[1].action}}"></div>

      结果:First:get groceries. Second:call number

    <!-- ng-non-bindable 声明一块不执行数据绑定的区域 -->
    <div ng-non-bindable>
    Angular uses {{and}} characters for templates
    </div>

    结果:Angular uses {{and}} characters for templates


    <!--不添加 ng-non-bindable 指令,将会执行数据绑定-->
    <div>
    Angular uses {{and}} characters for templates
    </div>

    结果:Angular uses characters for templates

  • 相关阅读:
    仿MSN小类别滑动效果
    pku1674 Sorting by Swapping
    pku1456 Supermarket
    pku1083 Moving Tables
    pku1125 Stockbroker Grapevine
    pku2232 New StoneForfexCloth Game
    如何低头前进
    和两年前一样
    股票亏了
    早上选举了
  • 原文地址:https://www.cnblogs.com/debra/p/6363125.html
Copyright © 2011-2022 走看看