1、AngularJS 表达式
　　AngularJS 表达式写在双大括号内：{{ expression }}。

　　AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。

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

　　AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量。

　　实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

　　eg：

　　

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <script src="js/angular.min.js"></script>

 </head>

 <body>

 <div ng-app="">

     <!-- 示例 -->

      <p>我的第一个表达式: {{ 5 + 5 }}</p>

      <!-- AngularJS 数字 -->

      <p ng-init="quantity=1;cost=5">总价： <span ng-bind="quantity * cost"></span></p>

      <!-- AngularJS 字符串 -->

      <p ng-init="firstName='John';lastName='Doe'">姓名：

          <span ng-bind="firstName + ' ' + lastName"></span>

      </p>

      <!-- AngularJS 对象 -->

      <p ng-init="person={firstName:'John',lastName:'Doe'}">姓为

          <span ng-bind="person.lastName"></span>

      </p>

      <!-- AngularJS 数组 -->

      <p ng-init="points=[1,15,19,2,40]">第三个值为

          <span ng-bind="points[2]"></span>

      </p>

 </div>

 </body>

 </html>

2、AngularJS 表达式 与 JavaScript 表达式
　　类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。

　　与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。

　　与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。

　　与 JavaScript 表达式不同，AngularJS 表达式支持过滤器。

AngularJS学习之旅—AngularJS 表达式(二)的更多相关文章

  1. AngularJS学习之旅—AngularJS 模块(十五)

    一.AngularJS 模块 模块定义了一个应用程序. 模块是应用程序中不同部分的容器. 模块是应用控制器的容器. 控制器通常属于一个模块. 1.创建模块 通过 AngularJS 的 angular ...

  2. AngularJS学习之旅—AngularJS 控制器(六)

    1.AngularJS 控制器 AngularJS 应用程序被控制器控制. ng-controller 指令定义了应用程序控制器. 控制器是 JavaScript 对象,由标准的 JavaScript ...

  3. AngularJS学习之旅—AngularJS 指令(三)

    1.AngularJS 指令 AngularJS 通过被称为 指令 的新属性来扩展 HTML. AngularJS 通过内置的指令来为应用添加功能. AngularJS 允许你自定义指令.2.Angu ...

  4. AngularJS学习之旅—AngularJS SQL(十二)

    一.使用 PHP 从 MySQL 中获取数据 <div ng-app="myApp" ng-controller="customersCtrl"> ...

  5. AngularJS学习之旅—AngularJS 简介(一)

    一.AngularJS 简介 1.AngularJS 是一个 JavaScript 框架. AngularJS 是一个 JavaScript 框架.它是一个以 JavaScript 编写的库.Angu ...

  6. AngularJS学习之旅—AngularJS 服务(八)

    1.AngularJS 服务(Service) AngularJS 中你可以创建自己的服务,或使用内建服务.2.什么是服务? 在 AngularJS 中,服务是一个函数或对象,可在你的 Angular ...

  7. AngularJS学习之旅—AngularJS 过滤器(七)

    1.AngularJS 过滤器 过滤器可以使用一个管道字符(|)添加到表达式和指令中. AngularJS 过滤器可用于转换数据: 过滤器 描述 currency 格式化数字为货币格式. filter ...

  8. AngularJS学习之旅—AngularJS 表单(十六)

    一.AngularJS 表单 AngularJS 表单是输入控件的集合. HTML 控件 以下 HTML input 元素被称为 HTML 控件: input 元素 select 元素 button ...

  9. AngularJS学习之旅—AngularJS 事件(十四)

    1.AngularJS 事件 ng-click ( 适用标签 :所有,触发事件:单击): ng-dblclick( 适用标签 :所有,触发事件:双击): ng-blur(适用标签 : a,input, ...

随机推荐

  1. AWT/Swing——事件处理

    前言 当用户点击图形界面上的一个按钮或者其他Component时要有所响应,这才是实现了图形界面的交互功能.如何做出这些响应我们就需要了解事件的处理机制.下面将分为以下内容介绍AWT(Swing)中事 ...

  2. Hibernate学习（八）———— Hibernate检索策略(类级别，关联级别，批量检索)详解

    序言 很多看起来很难的东西其实并不难,关键是看自己是否花费了时间和精力去看,如果一个东西你能看得懂,同样的,别人也能看得懂,体现不出和别人的差距,所以当你觉得自己看了很多书或者学了很多东西的时候,你要 ...

  3. MySQL备份mydumper的原理【转】

    本文来自:http://baiyangtx.net/2016/09/04/mydumper-principle/ 相对于MySQL官方提供的逻辑备份工具 mysqldump , mydumper最大的 ...

  4. 小型音乐播放器插件APlayer.js的简单使用例子

      本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子.关于APlayer.js的具体介绍和Github地址,可以参考: https://github.com/MoePlayer/A ...

  5. C# IE浏览器 判断是否已经打开了指定Url

    引用Microsoft HTML Object Library 引用 -> com -> Microsoft HTML Object Library 引用后,显示如图 1.判断ie浏览器是 ...

  6. mysql双主+keepalived

    环境 OS: centos7Mysql 版本: mysql 5.7Keepalived: keepalived-1.2.20Mysql-vip:192.168.41.100Mysql-master1: ...

  7. 6. CountDownLatch 闭锁

    package com.gf.demo05; import java.util.concurrent.CountDownLatch; /** * CountDownLatch : 闭锁,在完成某些操作 ...

  8. Springboot@Configuration和@Bean详解

    Springboot@Configuration和@Bean详解 一.@Configuration @Target({ElementType.TYPE}) @Retention(RetentionPo ...

  9. javascript算法-插入排序

    原理跟java那篇文章一样,只是语言不同而已 var InsertSort = function( _n ){ this.maxSize = _n; this.arr = []; this.init ...

  10. crontab清理日志

    1.日志介绍 2.日志清理  (以下达到清理效果) du -sh * //查看日志大小 * 1 * * * cat /dev/null > /var/log/message 解释/dev/nul ...