很久没有系统学习一个新技术了,angularjs将会比较系统的讲解这个技术的语法、应用。次类型的博客将会持续更新,博主也是一个初学者,如果有问题欢迎留言讨论。
angularjs简介。
angularjs在创建优质的web应用的方面有着令人难以置信的能力。你将会用到一些概念,这个概念将会贯穿整个应用。并非杜撰了这些概念,而只是从其他开发环境中大量地借用了这些比较成功的习惯用语,然后以适合HTML、浏览区一起其他常见的web标准的方式来实现了这些概念。
多页面的应用会在服务端创建HTML,把HTML和数据装配并混合起来,然后把生成的页面发送到浏览器中。在某种程度上,大部分单页应用也叫作AJAX应用,也会做同样的事情。在这一方面。Angularjs在处理方式完全不同,模版和数据都会发送到浏览器中,然后客户端进行专配。这样一来,服务器的角色就是仅仅为这些模版提供一些静态资源,然后为这些模版提供所需的正确的数据。
我们能来看一个例子,看看angular是如何把数据和模版进行装配的。我们会例行公事的写一个“Hello World!”,但是不会把“Hello world!”写成一个完整的字符串打印出来。
为了实现这一功能,我把模版放在hello.html中:
1 <!DOCTYPE html> 2 <html ng-app="hello"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Hello World!</title> 6 <script src="static/js/angular.js" type="text/javascript"></script> 7 <script src="static/app/controller/controller.js" type="text/javascript"></script> 8 </head> 9 <body ng-controller="HelloController"> 10 <p>{{greeting.text}},world</p> 11 </body> 12 </html>