前端开发

 首页 > 前端开发 > AngularJS > 详解AngularJS中的表达式使用_AngularJS_自学php网

详解AngularJS中的表达式使用_AngularJS_自学php网

分享到:
【字体:
导读:
          这篇文章主要介绍了详解AngularJS中的表达式使用,包括处理数字和字符串等各种对象的操作,需要的朋友可以参考下...

 表达式用于应用程序数据绑定到HTML。表达式都写在双括号就像{{表达式}}。表达式中的行为跟ng-bind指令方式相同。 AngularJS应用表达式是纯javascript表达式,并输出它们被使用的数据在那里。
使用数字

Expense on Books : {{cost * quantity}} Rs

使用字符串

Hello {{student.firstname + " " + student.lastname}}!

使用对象

Roll No: {{student.rollno}}

使用数组

Marks(Math): {{marks[3]}}

例子

下面的例子将展示上述所有表达式。
testAngularJS.html 文件代码如下:


AngularJS Expressions

Sample Application

Hello {{student.firstname + " " + student.lastname}}!

Expense on Books : {{cost * quantity}} Rs

Roll No: {{student.rollno}}

Marks(Math): {{marks[3]}}

输出

在Web浏览器打开textAngularJS.html。看到结果如下:

2015616115757530.png?watermark/1/image/aHR0cDovL3N0YXRpYy5uYmxhLmNuLzEzMTAxMTYxMDktMi5wbmc=/dissolve/100/gravity/SouthEast/dx/10/dy/0 (587×339)

分享到:
简述AngularJS的控制器的使用_AngularJS_...
 AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScript对象的功能。每个控制器接受$scope参数指定应用程序/模块,由控制器控制。 ... 在这里,我们已经声明采用ng-controller指令的控制器studentController。作为下一步...
整理AngularJS中的一些常用指令_AngularJ...
 AngularJS指令用于扩展HTML。这些都是先从ng- 前缀的特殊属性。我们将讨论以下指令:     ng-app - 该指令启动一个AngularJS应用。     ng-init - 该指令初始化应用程序数据。     ng-model - 此指令定义的模型,该模型是变量在AngularJS使用。     ng-repeat - 该指令将重复集合中的每个项目的HT...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……