day2 AngularJS应用的启动过程面试题_第1页
day2 AngularJS应用的启动过程面试题_第2页
day2 AngularJS应用的启动过程面试题_第3页
day2 AngularJS应用的启动过程面试题_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

AngularJS(4)指令ng-appng-AngularJSangularjsHTMLDOM浏览器加载angular.js,当浏览器中DOMContentLoaded发生时,angular开始启angular查找ng-app创建$injector,实例化代码中的controller、service、filter、ng-appHTMLDOM对象和作用域对象——绑定开始生效HTMLDOMAngularJS与jQueryAngujarJSjQuery大部分jQuery的功能可以在angularjQueryangular.element('选择器').jqFn(AngularJSAngularJS基于数据的CRUDSPA(SinglePageApplication)、QQAngularJS不适用于页游 画图板等等以绘图、DOM操作为主的应AngularJSModule(1)value:保存可以在不同的controller之间共享的对象/数据(2)constant:保存可以在不同的controller之间共享的常量(3)service:controllerfilter:可以实现对数据的过滤和格式化controller:控制器,用于设定模型数据——每一个控制器实例都与一个$scope对象相——注(6)directive:指令,用于封装DOM操作,扩展HTML及属性的能力——为HTML添加新、((function(ename,age){this.ename=ename;this.age=age;window.emp=this;})('tom',20console.log(window.emp23+11单例模式AnguarJSDependencyInjection,简称DI,一个模块中可以可以组件,如value/controller/service...,function($scope,$http,$element,$rootScope,}AngularJSfunctionadd(n2,}f1(10,AngularJSAngularJS把共享数据保存在$rootScope两个控制 为上下级关系,把要共享的数据保存在父$scope——不推在模块 value/constant组把共享数 在service组件ModulemyModule.filterfilterNamefunction(){returnfunction(输入参数){return处理结果}练习:自定义一个名为addSpace的过滤器,接收一个字符串,在此字符串之前添加两个中文宽度的ServiceService,是module中的一种组件,于在不同的控制器对象间共享数据——任何一个Service对的——只要一个ServicemoduleName.service('serviceName',function(){this.xx=xxx;this.yy= 练习:创建两个Controller,第一个Controller<inputng-设法在第二个Controller的范围内,显示出前一个Controller中用户输入的 directiveHTMLmoduleName.directvie(function(){return{restrict:temte:'该指令实际对应的HTML内容temteUrl:练习:定制一个新的指令:nav-logo,只要使用该指定的地方,就会

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论