AngularJs:Javascript MVC框架2013-02-14 破狼 在6月google发布了AngularJs 1.0稳定版,

并宣称:AngularJS可以让你扩展HTML的语法,以便清晰、简洁地表示应用程序中的组件,并允许将标准的HTML作为你的模板语言,AngularJS可以通过双向数据绑定自动从拥有JavaScript对 象(模型)的UI(视图)中同步数据。开始接触AngularJs是在4月份来到新项目组,这时AngularJs还处于0.8未稳定版,项目中已经开始使用了,并且这套框架应用到了项目整个UI端,服务端也是未稳定的web api,真心佩服团队的勇气,对于新技术的热情,幸好大家都能很好的驾驭,这是第一次尝试一个充满未稳定技术的项目。回到正题,先看一个官方实例:
<!doctype html> <html ng-app><head><script src="http://code.angularjs.org/angular-1.0.1.min.js"></script></head> <body> Your name: <input type="text" ng-model="yourname" placeholder="World"> <hr> Hello {{yourname || "World"}}! </body></html>Demo:Your name:
Hello {{yourname || "World"}}!注:在输入框中输入任何字符都会立即绑定更新到页面.这里采用ng-model指令(directive)绑定是模型scope属性yourname。并采用表达式将yourname绑定到文本信息中。这里只需要任何的dom时间监听,因为AngularJs内置了。