angularjs ember react

angularjs ember react

ID:11105016

大小:880.90 KB

页数:19页

时间:2018-07-10

angularjs ember react_第1页
angularjs ember react_第2页
angularjs ember react_第3页
angularjs ember react_第4页
angularjs ember react_第5页
资源描述:

《angularjs ember react》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、标题1AngularJS1.1AngularJS1.xAngularJS是一种构建动态Web应用的结构化框架AngularJS特点:数据绑定Yourname:Hello{{yourname

2、

3、'World'}}!若无输入,则显示HelloWorld,有输入内容则实时显示Hello+输入的内容传统的方式若直接写在html中

4、getElementById('webtest').innerHTML=this.value;"onpropertychange="document.getElementById('webtest').innerHTML=this.value;"/>

HelloWorld
差距立显。AngularJS是前端的MVVM框架。Model-View-ViewMode(模型-视图-视图模型)。通俗一点的解释是:当数据发生变化时,框架自动进行数据绑定,自动更新页面上的数据。在angular中MVVM

5、模式主要分为四部分:1.View:它专注于界面的显示和渲染,在angular中则是包含一堆声明式Directive的视图模板。2.Model:它是与应用程序的业务逻辑相关的数据的封装载体,它是业务领域的对象,Model并不关心会被如何显示或操作,所以模型也不会包含任何界面显示相关的逻辑。在web页面中,大部分Model都是来自Ajax的服务端返回数据或者是全局的配置对象;而angular中的service则是封装和处理这些与Model相关的业务逻辑的场所,这类的业务服务是可以被多个Controller或者其他service复用的领域服务。3.Control

6、ler:这并不是MVVM模式的核心元素,但它负责ViewModel对象的初始化,它将组合一个或者多个service来获取业务领域Model放在ViewModel对象上,使得应用界面在启动加载的时候达到一种可用的状态。4.ViewModel:它是View和Model的粘合体,负责View和Model的交互和协作,它负责给View提供显示的数据,以及提供了View中Command事件操作Model的途径;在angular中$scope对象充当了这个ViewModel的角色;举个例子来说明上面提到的一些概念:1.Directive指令我们项目中用到的Termin

7、al在html页面中以下面三行代码实现。WelcometoGungnir

指令本质上就是AngularJS扩展具有自定义功能的HTML元素的途径。他的具体行为定义在directive中好处:代码简单直观,易于理解、维护模块化指令可以完成的功能很多:比如操作DOM,数据验证等等。除了自定义指令,AngularJS具有许多内置指令,比如前面使用的ng-model。Angularjs的指令是学习这个框架的一个重点。1.Controller控制器AngularJS中的控制器是一个

8、函数,用来向视图的作用域中添加额外的功能。我们用它来给作用域对象设置初始状态,并添加自定义行为。例如:

Thesimplestaddingmachineever

AddSubtract

Currentcount:{{counter}}

这个div标签内的范围

9、都是控制器FirstController的作用域,作用域内定义的方法、显示的数据都定义在Controller中app.controller('FirstController',[‘$scope’,function($scope){$scope.counter=0;$scope.add=function(amount){$scope.counter+=amount;};$scope.subtract=function(amount){$scope.counter-=amount;};}]);由于Controller中仅仅处理数据的初始化和添加自定义行为数据处

10、理、向后台进行http交互一般放在angularjs的Servic

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签