AngularJs学习第二章(AngularJs表达式)

AngularJs表达式

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

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

AngularJS将在表达式书写的位置“输出”数据

AngularJS很像JavaScript表达式:他可以包含文字、运算符和变量

实例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js">

</script>

</head>

<body>

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

</body>

</html>

输出结果:

  我的第一个表达式: 10

AngularJS应用

  AngularJS模块(Moudule)用于AnjularJS应用

  ng-app指令定义了应用,ng-controller定义了控制器。

AngularJs实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<p>尝试修改以下表单。</p>

<div ng-app="myApp" ng-controller="myCtrl">

名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + " " + lastName}}

</div>

<script>
var app = angular.module(‘myApp‘, []);
app.controller(‘myCtrl‘, function($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";
});
</script>

</body>
</html>

AngularJS模块定义应用:

  AnjularJS模块

  var app = angular.module(‘myApp‘,[]);

AngularJS控制器控制应用:

  AnjularJS控制器:

    app.controller(‘myCtrl‘,function($scope){

      $scope.firstName = "John";

      $scope.lastName = "Doe";

  })

时间: 2024-10-05 05:00:35

AngularJs学习第二章(AngularJs表达式)的相关文章

我要翻译《Think Python》- 004 第二章 变量, 表达式和语句

PDF源文件地址 :  http://www.greenteapress.com/thinkpython/thinkpython.pdf [自述:这一章内容不多,但是由于时间关系,翻译完成这一章也花了我一周的时间,跟我预想的进度相比已经落后了,得加油了,要不然翻译完整本书就要到猴年马月了.目前离翻译完成还有17章!!!] 第二章 变量, 表达式和语法 2.1 值和类型 值是程序工作的基本要素,如字符串“Hello,World!”或数字1.2等等. 这些值属于不同类型:2是一个整数,而“Hello

java学习第二章总结

连续上了一个星期的课,也算慢慢适应了这种紧张的学习节奏.现在来总结下第二章所学的内容: 第二章主要是讲java的基础语法,他主要由这几个方面构成:常量,变量,数据类型,关键字,标识符,运算符,表达式,注释以及语句等构成. 数据类型是java控制内存的关键元素,java通过数据类型声明来对变量或者常量进行内存空间的分配,并将其标注好名称(即标识符).不同的数据类型,所分配的空间大小都不一样:整型中byte,short,int,long所对应的空间大小分别为1,2,4,8个字节:浮点型中float,

oracle学习 第二章 限制性查询和数据的排序 ——03

这里,我们接着上一小节2.6留下的问题:如果要查询的字符串中含有"_"或"%",又该怎样处理呢? 开始今天的学习. 2.7  如何使用转义(escape)操作符 可以是用个转义(escape)关键字来完成此任务.为了进行练习,我们必须先创建一个临时的表,之后再往该表中插入1行记录,其包含通配符.可能您现在还可能十分不理解例2-13和例2-14的SQL语句.没有问题,您只要照着输入就可以了. 例 2-13 SQL> CREATE TABLE dept_temp

Java基础知识二次学习-- 第二章 基础语法与递归补充

第二章 基础语法与递归补充   时间:2017年4月24日10:39:18 章节:02章_01节,02章_02节 视频长度:49:21 + 15:45 内容:标识符,关键字与数据类型 心得:由字母,下划线,$,数字组成,应该由字母,下划线$开头,同时应该避开java保留字符 变量是内存中的一小块区域,使用变量名来访问这块区域 执行过程中的内存管理(疑问:这里的内存和Jvm的一样吗?) code segment 存放代码 data segment 静态变量 字符串常量 stack 栈 局部变量 h

tornado的学习——第二章(模板与表单)

链接:http://demo.pythoner.com/itt2zh/ch2.html 来到了第二章:模板与表单 1 # -*- coding:utf-8 -*- 2 3 __author__ = 'roy' 4 5 import os.path 6 7 import tornado.httpserver 8 import tornado.ioloop 9 import tornado.options 10 import tornado.web 11 12 from tornado.option

LinQ In Action 学习第二章

第二章主要复习.net 3.0 与Linq 有关的新知识 1.隐式类型: 必须初始化不能赋值null,只是由编译器推测其类型罢了 2. 对象初始化器,集合初始化器 1,2 很简单就不介绍了 3. lamdor 表达式 涉及到委托 需要好好研究一下 委托. 4. 扩展方法 5.匿名类型

linux基础学习 第二章-第四章笔记

第二章 ####linux系统结构#### linux系统结构是倒树形 /bin        ###二进制可执行文件也就是系统命令 /sbin       ###系统管理命令存放位置 /boot       ###启动分区,负责系统启动 /dev        ###设备管理文件 /etc        ###大多数系统管理文件 /home       ###普通用户的家目录 /lib        ###32位系统库文件存放位置 /lib64      ###64位系统库文件存放位置 /me

Ruby学习-第二章

第二章 类继承,属性,类变量 1.如何声明一个子类 class Treasure < Thing 这样Thing类中的属性name,description都被Treasure继承 2.以下三种方式传入父类initialize方法的参数分别是什么? # This passes a, b, c to the superclass def initialize( a, b, c, d, e, f ) super( a, b, c ) end # This passes a, b, c to the s

AngularJs学习第一章(来自angularJS菜鸟教程)

AngularJS是一个JavaScript框架,它可以通过<script>标签添加到HTML页面.是一个JavaScript编写的库 AngularJS通过指令扩展了HTML,且通过表达式绑定数据到HTML 最好放在<body>元素的底部这样会提高网页加载速度,因为HTML加载不受制于脚本加载. AngularJs扩展了HTML--四大指令 1.Angular 通过ng-dircctives扩展了HTML 2.ng-app指令定义一个AngularJs应用程序 3.ng-mode