#angularjs

angularJS中XHR与promise

$http服务angularJS提供了内置的$http服务直接同外部进行通信,$http服务封装了浏览器原生的XMLHttpRequest对象$http服务只接收一个参数对象,包含了用来生成http请求的配置内容,$http函数返回一个promise对象,具有success和error两个方法,也可以通过then()处...
代码星球 ·2020-04-04

angularJS中如何写自定义指令

对于指令,可以把它简单的理解成在特定DOM元素上运行的函数,指令可以扩展这个元素的功能例如,ng-click可以让一个元素能够监听click事件,并在接收到事件的时候执行angularJS表达式正是指令使得angularJS这个框架变得强大,并且正如所见,我们可以自己创造新的指令指令声明方法angular.module...

angularJS中如何写服务

服务的用途服务提供了一种能在应用的整个生命周期内保持数据的方法,它能够在控制器之间进行通信,并且能保证数据的一致性服务提供了把特定功能相关联的方法集中在一起的接口如何创建服务angularJS提供了一些内置服务,同时为复杂应用创建我们自己的服务也是很有必要的anguarjs中创建自己的服务是非常容易的,只需要注册这个服...
代码星球 ·2020-04-04

AngularJS测试二 jasmine测试路由 控制器 过滤器 事件 服务

测试应用1.测试路由我们需要检测路由是否在运作,是否找到了,或者是404了。我们要确认路由事件触发了,预期的模板是否真的加载了。既然路由会改变页面的地址(URL)和页面内容,我们需要检测路由是否被加载了,页面是否找到了,在这中间发生了什么。一段简单的路由代码:angular.module('myApp',['ngRou...

angularJS测试一 Karma Jasmine Mock

AngularJS测试一测试工具1.NodeJS领域:Jasmine做单元测试,Karma自动化完成单元测试,Grunt启动Karma统一项目管理,Yeoman最后封装成一个项目原型模板,npm做nodejs的包依赖管理,bower做javascript的包依赖管理。Java领域:JUnit做单元测试,Maven自动化...

angularJS constant和value

angularJS可以通过constant(name,value)和value(name,value)对于创建服务也是很重要的。相同点是:都可以接受两个参数,name和value。区别:1.constant(name,value)可以将一个已经存在的变量值注册为服务,并将其注入到应用的其他部分中。其中,name为注册的...
代码星球 ·2020-04-03

AngularJS $on $broadcast $emit

如何在作用域之间通信呢?   1.创建一个单例服务,然后通过这个服务处理所有子作用域的通信。   2.通过作用域中的事件处理通信。但是这种方法有一些限制;例如,你并不能广泛的将事件传播到所有监控的作用域中。你必须选择是否与父级作用域或者子作用域通信。 ...
代码星球 ·2020-04-03

angularjs 常用方法

一angular的copy和extend1.angular.extend() angular.extend():依次将第二个参数及后续的参数的第一层属性(不管是简单的属性还是对象)拷贝,赋给第一个参数的第一层属性。也就是说,如果是对象,那么引用的是同一个对象,并返回第一个参数对象。 用法1:angu...
代码星球 ·2020-04-03

angularjs 路由机制

前言AngularJS路由主要有内置的ngRoute和一个基于ngRoute开发的第三方路由模块ui-router,内置的ngRoute有时满足开发需求,使用ui-router可以解决很多原生ngRoute的不足。 AngularJS的路由实际上是一种纯前端的解决方案,它的本质是:当请求一个url时,根据路由...
代码星球 ·2020-04-03

玩转spring boot——结合AngularJs和JDBC

 参考官方例子:http://spring.io/guides/gs/relational-data-access/ 一、项目准备 在建立mysql数据库后新建表“t_order”SETFOREIGN_KEY_CHECKS=0;-------------------...

玩转spring boot——结合jQuery和AngularJs

  在上篇的基础上准备工作: 修改pom.xml<projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocati...

AngularJS内置指令

内置指令所有的内置指令的前缀都为ng,不建议自定义指令使用该前缀,以免冲突。首先从一些常见的内置指令开始。先列出一些关键的内置指令,顺便简单说说作用域的问题。ng-model将表单控件和当前作用域的属性进行绑定,这么解释似乎也不太正确。但先不要管咬文嚼字,用起来倒是易懂,例如: 代码如下:<inputt...
代码星球 ·2020-04-02

angularjs ng-switch

<p><ahref="#"ng-click="toggle()">ToggleSection</a></p><divng-switch="section"><png-switch-when="happy"bn-directive>Ohsweet!&...
代码星球 ·2020-04-02

angularjs中动态为audio绑定src

今天在angularjs中用audio的时候碰到的这些问题,查阅http://www.cnblogs.com/rachelanlan/p/3598070.html获得解决,感谢!<divclass="block_areablock_audio"ng-show="model.url"><audiocon...

angularjs三级联动

html<divng-controller="AjaxCtrl"><h1>AJAX-Oriented</h1><div>Country:<selectid="country"ng-model="country"ng-options="countryforcountr...
代码星球 ·2020-04-02
首页上一页...1112131415下一页尾页