欢迎来到天天文库
浏览记录
ID:11105016
大小:880.90 KB
页数:19页
时间:2018-07-10
《angularjs ember react》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、标题1AngularJS1.1AngularJS1.xAngularJS是一种构建动态Web应用的结构化框架AngularJS特点:数据绑定
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
4、getElementById('webtest').innerHTML=this.value;"onpropertychange="document.getElementById('webtest').innerHTML=this.value;"/>
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
8、函数,用来向视图的作用域中添加额外的功能。我们用它来给作用域对象设置初始状态,并添加自定义行为。例如:ThesimplestaddingmachineeverAddSubtractCurrentcount:{{counter}}
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
此文档下载收益归作者所有