AngularJS教程_20141001

ID：32299396

大小：631.98 KB

页数：40页

时间：2019-02-02

资源描述：

《AngularJS教程_20141001》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、W3SchoolAngularJS教程来源：www.w3cschool.cc整理：飞龙日期：2014.10.1AngularJS简介AngularJS是一个JavaScript框架。它可通过我们建议把脚本放在元素的底部。这会提高网页加载速度，因为HTML加载不受制于脚本加载。AngularJS扩展了HTMLAngularJS通过ng-directives扩展了HTML。ng-app指令定义一个AngularJS应用程序。ng-model指令把元素值（比如输入域的值）绑定到应用程序。ng-bind指令把应用程序数据绑定到HTML视图。AngularJS实例

在输入框中尝试输入：

3、p>

姓名：

实例讲解：当网页加载完毕，AngularJS自动开启。ng-app指令告诉AngularJS，

元素是AngularJS应用程序的"所有者"。ng-model指令把输入域的值绑定到应用程序变量name。ng-bind指令把应用程序变量name绑定到某个段落的i

4、nnerHTML。如果您移除了ng-app指令，HTML将直接把表达式显示出来，不会去计算表达式的结果。什么是AngularJS？"AngularJS是专门为应用程序设计的HTML。"AngularJS使得开发现代的单一页面应用程序（SPAs：SinglePageApplications）变得更加容易。AngularJS把应用程序数据绑定到HTML元素。AngularJS可以克隆和重复HTML元素。AngularJS可以隐藏和显示HTML元素。AngularJS可以在HTML元素"背后"添加代码。AngularJS支持输入验证。AngularJS指令正如您所看到的，AngularJS指

5、令是以ng作为前缀的HTML属性。ng-init指令初始化AngularJS应用程序变量。AngularJS实例

姓名为

HTML5允许扩展的（自制的）属性，以data-开头。AngularJS属性以ng-开头，但是您可以使用data-ng-来让网页对HTML5有效。带有有效的HTML5：AngularJS实例

姓名为<

6、spandata-ng-bind="firstName">

AngularJS表达式AngularJS表达式写在双大括号内：{{expression}}。AngularJS表达式把数据绑定到HTML，这与ng-bind指令有异曲同工之妙。AngularJS将在表达式书写的位置"输出"数据。AngularJS表达式很像JavaScript表达式：它们可以包含文字、运算符和变量。实例{{5+5}}或{{firstName+""+lastName}}AngularJS实例

我的

7、第一个表达式：{{5+5}}

AngularJS教程_20141001

AngularJS教程_20141001

相关文章

相关标签