02 2018 档案
摘要:基本介绍 1、引入的route模块可以对路由的变化做出响应 2、创建的控制器中依然需要$http向后台请求数据 3、php中二维数据的遍历用的是foreach 4、php中$arr=array(),$arr[] 可以被自动补充所缺失的索引 5、在ng-repeat中,如果数据相同的话会报错(ngRe
阅读全文
摘要:基本介绍 在控制中注入$routeParams可以获取传递的参数 区别对比 angular中的路由是指#之后的内容,包括之后的?,而在之前的http地址中我们习惯性的将?放在前面 具体使用 1、形参 #/index/:id==>#/index/5 2、具体的值 #/index/page==>#/in
阅读全文
摘要:单页面 SPA(Single Page Application)指的是通单一页面展示所有功能,通过Ajax动态获取数据然后进行实时渲染,结合CSS3动画模仿原生App交互,然后再进行打包(使用工具把Web应用包一个壳,这个壳本质上是浏览器)变成一个“原生”应用。 在PC端也有广泛的应用,通常情况下使
阅读全文
摘要:配置模块 通过config方法实现对模块的配置,AngularJS中的服务大部分都对应一个“provider”,用来执行与对应服务相同的功能或对其进行配置。比如$log、$http、$location都是内置服务,相对应的“provider”分别是$logProvider、$httpProvider
阅读全文
摘要:基本介绍 之前我们介绍了angular内置的几种服务,这里我们介绍如何自己定义自己的服务,主要是通过三个方法:factory、service、value 基本使用 factory:可以返回对象,也可以返回一个函数 service:和上面的factory有些区别,service里面可以用this追加属
阅读全文
摘要:基本介绍 $http用于向服务端发起异步请求,同时还支持多种快捷方式如$http.get()、$http.post()、$http.jsonp。$hhtp也是属于内置服务的一种,这里特意提出来写一篇用法。 基本使用 传递的数据可以是'key=val&key=val'形式,这种形式叫formData,
阅读全文
摘要:$location $timeout、$interval $filter $log
阅读全文
摘要:基本介绍 1、AngularJS采用模块化的方式组织代码,将一些通用逻辑封装成一个对象或函数,实现最大程度的复用,这导致了使用者和被使用者之间存在依赖关系。 2、所谓依赖注入是指在运行时自动查找依赖关系,然后将查找到依赖传递给使用者的一种机制。 3、常见的AngularJS内置服务有$http、$l
阅读全文
摘要:基本介绍 除了使用AngularJS内建过滤器外,还可以根业务需要自定义过滤器,通过模块对象实例提供的filter方法自定义过滤器。 基本使用 (1)input是将绑定的数据以参数的形式传入 (2)input后面的参数也就是:后面的参数,指导在视图时候该如何传递参数 (3)filter方法的回调函数
阅读全文
摘要:基本介绍 在AngularJS中使用过滤器格式化展示数据,在“{{}}”中使用“|”来调用过滤器,使用“:”传递参数。 基本使用 过滤器可以串起来使用,只要用 | 来衔接就行了,可以将上次返回的结果,作为下次的参数再次进行处理,所以 | 也被称为是管道符
阅读全文
摘要:基本介绍 应用App是无法嵌套的,但是controller是可以嵌套的,每个controller都会对应一个模型(model)也就是$scope对象,不同层级的controller下的$scope遍产生了作用域 基本使用 根作用域:作用范围是整个应用(ng-app所在标签中)都是可以被访问的,使用的
阅读全文
摘要:基本介绍 (1)视图绑定两个数组,分别对应未完成和已完成 (2)数组的删除splice(),数组的追加push() 基本使用
阅读全文
摘要:基本介绍 angular框架下的tab切换,相比较于之前的纯js写的代码,有一个很大的特点就是以数据为驱动,基本上不用搜索dom元素就可以实现效果 基本使用 (1)导航部分使用的是的状态使用的是ng-class,只有当参数是true时,才会显示current这个类,每个li标签也绑定了一个事件可以控
阅读全文
摘要:基本介绍 (1)ng-repeat,类似于for循环,对数组进行遍历 (2)ng-switch on,ng-switch-when,类似于switch,case 基本使用 ng-repeat ng-switch (1)循环遍历的过程中,只有满足条件的才会显示 (2)on是可以被省略的
阅读全文
摘要:基本介绍 angular的事件指令都是ng-click,ng-blur....的形式,类似于js的事件 基本使用
阅读全文
摘要:基本介绍 angularjs可以实现数据的双向绑定:(1)视图到模型的数据绑定,(2)模型到数据的绑定 基本使用 1、ng-model可以实现视图到模型的数据传输 2、{{name}}可以实现模型到视图的数据传输
阅读全文
摘要:基本介绍 有了很多内置指令,但是依然无法满足我们的需要,我们可以自己定义一个指令,实现默写功能。 基本使用 directive方法可以帮助我们自己定义一个指令,它的返回方式一共有四种,ECMA,代表所定义指令可以使用的环境
阅读全文
摘要:基本介绍 引入模板一般都是固定的东西,比如导航栏,比如页面的底部,每个页面都重复写很麻烦,不如直接定义两个模板,引入到需要的页面中。这个过程实际是一个跨域的异步请求过程。 基本使用 header模板 footer模板
阅读全文
摘要:基本介绍 1、AngularJS是一个框架(诸多类库的集合)以数据和逻辑做为驱动(核心)。 2、AngularJS有着诸多特性,最为核心的是:模块化、双向数据绑定、语义化标签、依赖注入等。 模块化 使用AngularJS构建应用(App)时是以模块化(Module)的方式组织的,即将整个应用划分成若
阅读全文