AngularJS学习(1)Expressions
表达式有两种写法,一种是{{ expression }}
一种是ng-bind="expression"
可以包含常量,操作符和变量。
不过在使用中我们发现:{{ expression }}主要用于直接展示:
<div ng-app="">
ng-app必须要,这个是为什么??
<p>My
first expression: {{ 5 + 5 }}</p>
</div>
对于ng-bind="expression",都说了是bind了,那肯定就是要绑定到某个上面,就是在HTML标签内部绑定啊。
<div ng-app="" ng-init="quantity=1;cost=5">
init不常用,学完Controller会有更好的方式
<p>Total
in dollar: <span ng-bind="quantity * cost"></span></p>
</div>
之外还支持数字,上面有
Strings
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>The
name is {{ firstName + " " + lastName }}</p>
</div>
Arrays
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>The
third result is {{ points[2] }}</p>
</div>
Object
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>The
name is {{ person.lastName }}</p>
</div>
AngularJS表达式和JavaScript表达式区别
相同:都可以包含常量,操作符,变量。
不同:JavaScript不能在HTML标签内写,Angular不支持条件,循环,和异常,但是支持过滤器,而js不
支持过滤器
- 浅谈关于AngularJS的学习
- angularjs学习第六天笔记(指令简介学习)
- AngularJS学习记录-过滤器(基本使用)
- AngularJS学习01--概念
- AngularJs学习笔记二
- angularjs-1.3代码学习 模块
- AngularJS入门教程之学习环境搭建
- AngularJS基础学习笔记之表达式
- 一步一步跟我学习lucene(17)---lucene搜索之expressions表达式处理
- 从零学习Angularjs-watch、digest、apply三大方法解析
- angularjs 1.6.x 教程学习心得
- AngularJS 学习笔记一
- angularjs 学习笔记
- 学习AngularJs:Directive指令用法(完整版)
- angularjs学习笔记—事件指令
- AngularJs学习笔记(二) 指令directive
- Angularjs学习笔记5_form1
- AngularJS(1)——入门学习
- AngularJS学习笔记filter
- AngularJS 学习历程一