JavaScript强化教程——AngularJS 表达式

原创 2016年08月29日 10:18:04
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程JavaScript强化教程 —— AngularJS 表达式
 
AngularJS 使用 表达式 把数据绑定到 HTML。AngularJS 表达式
AngularJS 表达式写在双大括号内:{{ expression }}
AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。
实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
AngularJS 实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/ang ... gt%3B
</head>
<body>

<div ng-app="">
  <p>我的第一个表达式: {{ 5 + 5 }}</p>
</div>

</body>
</html>
AngularJS 数字
AngularJS 数字就像 JavaScript 数字:
AngularJS 实例
<div ng-app="" ng-init="quantity=1;cost=5">

<p>总价: {{ quantity * cost }}</p>

</div>
 
使用 ng-bind 的相同实例:
AngularJS 实例
<div ng-app="" ng-init="quantity=1;cost=5">

<p>总价: <span ng-bind="quantity * cost"></span></p>

</div>

点击进入JS强化教程

相关文章推荐

JavaScript强化教程——AngularJS

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— AngularJS   AngularJS 简介 AngularJS 是一个 JavaS...

AngularJS权威教程 第6章 表达式expression

AngularJS权威教程 第6章 表达式expression     表达式在AngularJS应用中被广泛使用,因此深入理解AngularJS如何使用并运算表达式是非常重要的。     前面已经见...

Javascript教程:AngularJS的五个超酷特性

日期:2012-7-17  来源:GBin1.com AngularJS是一个超棒的javascript框架,不单单对于开发人员来说非常有吸引力,对于UI设计师来说也同样出色。在这篇教程中,...
  • jjfat
  • jjfat
  • 2012年07月19日 17:05
  • 568

“JavaScript Promises和AngularJS $q Service”Part 2 (教程篇)

注:本文是译文,难免有错误或理解不足之处,请大家多多指正,大家也可挪步原文。由于本文讲解十分精彩,非常推荐大家查看原文,由于原文内容十分丰富,所以将其分为2部分,这是Part 2(教程篇),戳这里查看...

AngularJS学习(二)——表达式,ng-bind,ng-app,ng-init,ng-repeat,ng-model

AngularJS的绑定: 除了用{{ }}进行绑定外,还可以使用ng-bind,比如: 欢迎来到 HBR {{helloTo.title}} 的世界! 输入您的...

AngularJS自学之路(三)——控制器和表达式

控制器控制器在AngularJS中的作用是增强视图。 AngularJS中的控制器是一个函数,用来向视图的作用域中添加额外的功能。我们用它来给作用域对象设置初始状态,并添加自定义行为。 当我们在页...

JavaScript强化教程——cocosjs屏幕适配方案

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——cocosjs屏幕适配方案   首 先说点题外话,对于任何大型项目来说,coding的规范重要,在c...

JQuery强化教程 -Javascript闭包——懂不懂由你,反正我是懂了

JQuery强化教程http://www.h5edu.cn/htm/step/h5edu_44.html

JavaScript强化教程 —— Cocos2d-JS自动JSB绑定规则修改

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Cocos2d-JS自动JSB绑定规则修改   什么是JSB JSB是javascript ...

JavaScript强化教程——Audio/Video

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Audio/Video   HTML5 Audio/Video 方法 方法 描述 addTextT...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript强化教程——AngularJS 表达式
举报原因:
原因补充:

(最多只允许输入30个字)