详解AngularJS中的表达式使用
表达式用于应用程序数据绑定到HTML。表达式都写在双括号就像{{表达式}}。表达式中的行为跟ng-bind指令方式相同。 AngularJS应用表达式是纯javascript表达式，并输出它们被使用的数据在那里。
使用数字
<p>Expense on Books : {{cost * quantity}} Rs</p>
使用字符串
<p>Hello {{student.firstname + " " + student.lastname}}!</p>
使用对象
<p>Roll No: {{student.rollno}}</p>
使用数组
<p>Marks(Math): {{marks[3]}}</p>
例子
下面的例子将展示上述所有表达式。
testAngularJS.html 文件代码如下：
<html>
<title>AngularJS Expressions</title>
<body>
<h1>Sample Application</h1>
<div ng-app="" ng-init="quantity=1;cost=30; student={firstname:'Mahesh',lastname:'Parashar',rollno:101};marks=[80,90,75,73,60]">
<p>Hello {{student.firstname + " " + student.lastname}}!</p>
<p>Expense on Books : {{cost * quantity}} Rs</p>
<p>Roll No: {{student.rollno}}</p>
<p>Marks(Math): {{marks[3]}}</p>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</body>
</html>
输出
在Web浏览器打开textAngularJS.html。看到结果如下：
-
问题内容： 有没有办法让AngularJS在模型数据中评估表达式？ HTML： 模型： 最终结果将是：。 问题答案： 您可以使用该服务来插值字符串… JSFiddle
-
本文向大家介绍javascript中的正则表达式使用详解，包括了javascript中的正则表达式使用详解的使用技巧和注意事项，需要的朋友参考一下 [1]定义:正则又叫规则或模式，是一个强大的字符串匹配工具，在javascript中是一个对象 [2]特性： [2.1]贪婪性,匹配最长的 [2.2]懒惰性,不设置/g,则只匹配第1个 [3]两种写法: [3.1]perl写法(使用字面量形
-
本文向大家介绍详解AngularJS中的表格使用，包括了详解AngularJS中的表格使用的使用技巧和注意事项，需要的朋友参考一下 表格数据本质上通常是重复的。ng-repeat指令，可以用来方便地绘制表格。下面的示例说明使用ng-repeat指令来绘制表格。 表格可以使用CSS样式设置样式，如下： 例子 下面的例子将展示上述所有指令。 testAngularJS.html 输出 在Web浏览器
-
本文向大家介绍Ruby中case表达式详解，包括了Ruby中case表达式详解的使用技巧和注意事项，需要的朋友参考一下 Ruby的case表达式有两种形式： 第一种形式接近于一组连续的if语句：它让你列出一组条件，并执行第一个为真的条件表达式所对应的语句。 第二种形式，在case语句的顶部指定一个目标，而每个when从句列出一个或者多个比较条件 和if一样，case返回执行的最后一个表达式的值；而
-
本文向大家介绍python中Lambda表达式详解，包括了python中Lambda表达式详解的使用技巧和注意事项，需要的朋友参考一下 如果你在学校读的是计算机科学专业，那么可能学过 Lambda 表达式， 不过可能从来没有用过它。如果你不是计算机科学专业，它们看着可能 有点儿陌生（或者只是“曾经学习过的东西”）。在这一节里，虽然我们 不打算深入学习这类函数，但是会用几个例子来演示它们是如何用在网
-
本文向大家介绍Android 中Lambda表达式的使用实例详解，包括了Android 中Lambda表达式的使用实例详解的使用技巧和注意事项，需要的朋友参考一下 Android 中Lambda表达式的使用实例详解 Java8 中着实引入了一些非常有特色的功能，如Lambda表达式、streamAPI、接口默认实现等等。Lambda表达式在 Android 中最低兼容到 Android2.3 系