DDR爱好者之家

AngularJs Javascript MVC 框架
站长资源 2024/11/29 佚名
78 1538
DDR爱好者之家 Design By 杰米

在6月google发布了AngularJs 1.0稳定版，

AngularJs Javascript MVC 框架

并宣称：AngularJS可以让你扩展HTML的语法，以便清晰、简洁地表示应用程序中的组件，并允许将标准的HTML作为你的模板语言，AngularJS可以通过双向数据绑定自动从拥有JavaScript对 象（模型）的UI（视图）中同步数据。

开始接触AngularJs是在4月份来到新项目组，这时AngularJs还处于0.8未稳定版，项目中已经开始使用了，并且这套框架应用到了项目整个UI端，服务端也是未稳定的web api，真心佩服团队的勇气，对于新技术的热情，幸好大家都能很好的驾驭，这是第一次尝试一个充满未稳定技术的项目。

回到正题，先看一个官方实例：

<!doctype html>
<html ng-app>
<head>
<script src="/UploadFiles/2021-04-02/angular-...min.js">


Demo:


Your name:


--------------------------------------------------------------------------------




Hello World!


注:在输入框中输入任何字符都会立即绑定更新到页面. 




1.这里采用ng-model指令（directive）绑定是模型scope属性yourname。 




2.并采用表达式将yourname绑定到文本信息中。 




3.这里只需要任何的dom时间监听，因为AngularJs内置了。


AngularJs程序分为3部分：模板，表现层逻辑，数据（model）。




模板：我们用html，css写的ui视图代码，其中包含AngularJs的指令，表达式，并最终会被AngularJs编译机制编译为附加在dom树上。AngularJs的指令（directive）可以由我们自由扩展。




表现层逻辑：包括应用程序逻辑和行为。用javascript定义作为视图控制器逻辑。在AngularJs作为MVC框架，在控制器中我们无需添加对于dom级的事件监听，这些在AngularJs中已经内置了。在ui节点dom事件发生后AngularJs会自动转到scope上的某个行为（Action）逻辑。




数据：视图对象（viewobject）需要被AngularJs Scope（1.0中作为service出现）引用，可以使任何类型的javascript对象，数组，基本类型，对象。并且AngularJs会自动异步更新模型，即在ui发生改变的时他会自动刷新模型（mode），反之在模型发生改变的时候也会自动刷新ui。在这里我们不需要定义形如getter，setter的一些列方法。




下面是一幅来自官方的视图：




AngularJs Javascript MVC 框架


同时AngularJs为我们提供了一些列的有用的service，并允许我们添加自己特定业务的服务service，提供了底层的ajax, 缓存, URL 路由, 浏览器抽象服务，以及这些服务我们可以采用AngularJs的注入机制任意组合。同时AngularJs也是一个高度可测试性的javascript框架，你可以看见在官方的例子中都有带上测试程序，给予BDD（行为驱动）开发框架。




以上所述是小编给大家介绍的AngularJs Javascript MVC 框架，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米