技术频道

公众号推荐

微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

AngularJS 表达式详细讲解及实例代码

时间：2019-01-05分类：JavaScript作者：佚名

AngularJS 表达式

AngularJS 使用表达式把数据绑定到 HTML。

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

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

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

AngularJS 表达式

很像

JavaScript 表达式

：它们可以包含文字、运算符和变量。

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

实例代码：

rush:js;"> <Meta charset="utf-8">

<div ng-app="" ng-init="quantity=1;cost=5">

总价: {{ quantity * cost }}

运行结果：

总价：5

使用 ng-bind 的相同实例：

实例代码：

rush:js;"> <Meta charset="utf-8">

<div ng-app="" ng-init="firstName='John';lastName='Doe'">

姓名: {{ firstName + " " + lastName }}

运行结果：

姓名：John Doe

使用 ng-bind 的相同实例：

实例代码：

rush:js;"> <Meta charset="utf-8">

<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">

姓为 {{ person.lastName }}

运行结果：

姓名为 Doe

使用 ng-bind 的相同实例：

实例代码：

rush:js;"> <Meta charset="utf-8">

<div ng-app="" ng-init="points=[1,15,19,2,40]">

第三个值为 {{ points[2] }}

运行结果：

第三个值为 19

使用 ng-bind 的相同实例：

实例代码：

rush:js;"> <Meta charset="utf-8">

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

表达式表达式表达式实例表达式详细介绍

上一篇：JS中的数组方法笔记整理下一篇：javascript获取网页各种高宽及位置

相关推荐

【JavaScript】聊一聊js中的浅拷贝与深拷贝与手写实现

什么是深拷贝与浅拷贝？深拷贝与浅拷贝是js中处理对象或数据复制操作的两种方式。‌在聊深浅拷贝之前咱得了解一下js中的两种数据类型：

【JavaScript】前端算法题（重建二叉树、反向输出链表每个节点）

前言今天复习了一些前端算法题，写到一两道比较有意思的题：重建二叉树、反向输出链表每个节点题目重建二叉树: 输入某二叉树的前序遍历和中序遍历的结果，请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列 {1,2,4,7,3,5,6,8} 和中序遍历序列 {

【JavaScript】聊聊js中关于this的指向

最近在看回JavaScript的面试题，this 指向问题是入坑前端必须了解的知识点，现在迎来了ES6+的时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，所以刚好总结一下JavaScript中this指向的问题。

js如何实现弹出form提交表单？

js如何实现弹出form提交表单？（图文+视频）

js怎么获取复选框选中的值

js怎么获取复选框选中的值

js如何实现倒计时跳转页面

js如何实现倒计时跳转页面

如何用js控制图片放大缩小

如何用js控制图片放大缩小

JS怎么获取当前时间戳

JS怎么获取当前时间戳

JS如何判断对象是否为数组

JS如何判断对象是否为数组

JS怎么获取图片当前宽高

JS怎么获取图片当前宽高

小编推荐

苹果市值2025年有望达4万亿美元