企业网站都是静态的吗,口碑好的网站建设公司,英文网站策划,网站开发与维护的工资AngularJS通过表达式将数据绑定到HTML。 AngularJS表达式 AngularJS表达式写在双大括号中#xff1a;{{ 表达式语句 }}。 AngularJS表达式绑定数据到HTML的方式与ng-bind指令的方式相同。 AngularJS会准确地将表达式“输出”为计算的结果。 AngularJS表达式与JavaScript表达式… AngularJS通过表达式将数据绑定到HTML。 AngularJS表达式 AngularJS表达式写在双大括号中{{ 表达式语句 }}。 AngularJS表达式绑定数据到HTML的方式与ng-bind指令的方式相同。 AngularJS会准确地将表达式“输出”为计算的结果。 AngularJS表达式与JavaScript表达式有许多相似之处它们都包含文字、运算符和变量。例如{{ 5 5 }}和{{ firstName lastName }} !DOCTYPE html
html
script srchttp://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js/script
body
div ng-app
pMy first expression: {{ 5 5 }}/p
/div
运行 如果你去掉ng-app指令表达式会被直接显示在页面上而不会被计算。 !DOCTYPE html
html
script srchttp://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js/script
body
div
pMy first expression: {{ 5 5 }}/p
/div
/body
/html 运行 AngularJS数字 AngularJS数字和JavaScript数字一样 div ng-app ng-initquantity1;cost5
pTotal in dollar: {{ quantity * cost }}/p
/div 运行 同样我们可以使用ng-bind指令达到相同的效果 div ng-app ng-initquantity1;cost5
pTotal in dollar: span ng-bindquantity * cost/span/p
/div 运行
使用ng-init指令在AngularJS开发中非常普遍。在控制器一节中你将会看到更好的初始化数据的方法。 AngularJS字符串 AngularJS字符串与JavaScript字符串一样 div ng-app ng-initfirstNameJohn;lastNameDoe
pThe name is {{ firstName lastName }}/p
/div 运行 同样我们可以使用ng-bind指令达到相同的效果 div ng-app ng-initfirstNameJohn;lastNameDoe
pThe name is span ng-bindfirstName lastName/span/p
/div 运行 AngularJS对象 AngularJS对象与JavaScript对象一样 div ng-app ng-initperson{firstName:John,lastName:Doe}
pThe name is {{ person.lastName }}/p
/div 运行 同样我们可以使用ng-bind指令达到相同的效果 div ng-app ng-initperson{firstName:John,lastName:Doe}
pThe name is span ng-bindperson.lastName/span/p
/div 运行 AngularJS数组 AngularJS数组与JavaScript数组一样 div ng-app ng-initpoints[1,15,19,2,40]
pThe third result is {{ points[2] }}/p
/div 运行 同样我们可以使用ng-bind指令达到相同的效果 div ng-app ng-initpoints[1,15,19,2,40]
pThe third result is span ng-bindpoints[2]/span/p
/div 运行 AngularJS表达式与JavaScript表达式比较 与JavaScript表达式相同AngularJS表达式也包含文字、运算符和变量。与JavaScript表达式不同的是
AngularJS表达式可以写在HTML里面。AngularJS表达式不支持条件和循环语句而且没有exception语句。AngularJS表达式支持过滤器。 上一章 - AngularJS快速入门指南02介绍 下一章 - AngularJS快速入门指南04指令 更多专业前端知识请上
【猿2048】www.mk2048.com
