AngularJS学习(1)Expressions

本文介绍了AngularJS中的两种表达式写法:{{expression}

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

表达式有两种写法,一种是{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不

支持过滤器




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值