做怎样的企业网站,如手机网站源码,怎么做动漫网站,阿里云9元做网站AngularJS 使用 表达式 把数据绑定到 HTML。 AngularJS 表达式 AngularJS 表达式写在双大括号内#xff1a;{{ expression }}。 AngularJS 表达式把数据绑定到 HTML#xff0c;这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置输出数据。 …AngularJS 使用 表达式 把数据绑定到 HTML。 AngularJS 表达式 AngularJS 表达式写在双大括号内{{ expression }}。 AngularJS 表达式把数据绑定到 HTML这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置输出数据。 AngularJS 表达式 很像 JavaScript 表达式它们可以包含文字、运算符和变量。 实例 {{ 5 5 }} 或 {{ firstName lastName }} !DOCTYPE html html head meta charsetutf-8 script srchttps://cdn.staticfile.org/angular.js/1.4.6/angular.min.js/script /head bodydiv ng-app p我的第一个表达式: {{ 5 5 }}/p /div/body /html使用 ng-init 不是很常见。您将在控制器一章中学习到一个更好的初始化数据的方式。 AngularJS 数字 AngularJS 数字就像 JavaScript 数字 div ng-app ng-initquantity1;cost5 p总价 {{ quantity * cost }}/p /div 使用 ng-bind 的相同实例 div ng-app ng-initquantity1;cost5 p总价 span ng-bindquantity * cost/span/p /div AngularJS 字符串 AngularJS 字符串就像 JavaScript 字符串 div ng-app ng-initfirstNameJohn;lastNameDoe p姓名 {{ firstName lastName }}/p /div 使用 ng-bind 的相同实例 div ng-app ng-initfirstNameJohn;lastNameDoe p姓名 span ng-bindfirstName lastName/span/p /div AngularJS 对象就像 JavaScript 对象 div ng-app ng-initperson{firstName:John,lastName:Doe} p姓为 {{ person.lastName }}/p /div 使用 ng-bind 的相同实例 div ng-app ng-initperson{firstName:John,lastName:Doe} p姓为 span ng-bindperson.lastName/span/p /div AngularJS 数组 AngularJS 数组就像 JavaScript 数组 div ng-app ng-initpoints[1,15,19,2,40] p第三个值为 {{ points[2] }}/p /div 使用 ng-bind 的相同实例 div ng-app ng-initpoints[1,15,19,2,40] p第三个值为 span ng-bindpoints[2]/span/p /div AngularJS 表达式 与 JavaScript 表达式 类似于 JavaScript 表达式AngularJS 表达式可以包含字母操作符变量。 与 JavaScript 表达式不同AngularJS 表达式可以写在 HTML 中。 与 JavaScript 表达式不同AngularJS 表达式不支持条件判断循环及异常。 与 JavaScript 表达式不同AngularJS 表达式支持过滤器 笔记  1.ng-app是一个特殊的指令一个HTML文档只出现一次如出现多次也只有第一个起作用ng-app可以出现在html文档的任何一个元素上。 2.ng-app作用告诉子元素指令是属于angularJs。 3.ng-app的值可以为空练习项目中一定要赋值后面所说的模块。 一个页面里创建多个 ng-app 手动加载即可: var app1 angular.module(app1, []); //自动加载var app2 angular.module(app2, []); //手动加载 angular.bootstrap(document.getElementById(A2), [app2]); // 手动加载2 若不成功  // 页面加载完成后,再加载模块 angular.element(document).ready(function() { //手动加载myApp2 ng-app angular.bootstrap(document.getElementById(myApp2), [myApp2]) })