zoukankan      html  css  js  c++  java
  • Angular JS--表达式

    1Angular JS表达式

      AngularJS 使用 表达式 把数据绑定到 HTML。

      AngularJS 表达式写在双大括号内:{{ expression }}

      AngularJS 将在表达式书写的位置"输出"数据。

      AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。例:{{'张三'}},{{5+5}},{{5==5?5:10}},{{ firstName + " " + lastName }}

      (1)Angular JS数字

    <body ng-app ng-init="a=3;b=4" >
        <p ng-bind="a*b"></p>
        <p>{{a*b}}</p>
    </body>

      (2)Angular JS字符串

    <body ng-app ng-init="name='张三'" >
            <p ng-bind="name"></p>
        <p>{{name}}</p>
    </body>

      (3)Angular JS对象

    <body ng-app ng-init="person={'name':'张三','age':20}" >
        <p ng-bind="person.name"></p>
        <p>{{person.age}}</p>
    </body>

      (4)Angular JS数组

    <body ng-app ng-init="names=['张三','李四','王五']" >
        <p ng-bind="names[0]"></p>
        <p>{{names[1]}}</p>
    </body>

      总结:AngularJS 表达式可以包含字母,操作符,变量,支持过滤器,但不支持条件判断,循环及异常

  • 相关阅读:
    jsp.图书馆
    jsp第七次作业
    jsp第六次作业
    jsp第四次作业
    JSP第二次作业
    软件测试课堂练习
    Android第六次作业
    Android第五次作业
    Android第四次作业
    Android第三次作业
  • 原文地址:https://www.cnblogs.com/-scl/p/7729821.html
Copyright © 2011-2022 走看看