欲望以提升热忱 毅力以磨平高山

一、针对页面嵌入的情况            通过模板进行页面嵌入的时候，页面中模型变量的取值不可以直接通过单一变量取得页面值，要先定义对象。　　如：控制器中定义   $scope.temp = {};　　　　　页面上定义：data-ng-model="temp.color"　　使用：$scope.temp.color二、Angular $resource 中的

官网API: 点击打开链接一、JS代码示例/* * Copyright (c) 2013-2015 by The SeedStack authors. All rights reserved. * * This file is part of SeedStack, An enterprise-oriented full development stack. * * This

转载自cnblogs----->点击打开链接        1、先来看一段Demo，看完这个demo你可以思考下如果使用$.ajax如何处理同样的逻辑，使用ng的promise有何优势？12345678910111213141516

一、错误信息如下：ERROR 2015-12-02 14:33:17,653 http-bio-8080-exec-42 o.s.s.r.i.e.InternalErrorExceptionMapper - Unrecognized field "$promise" (class com.inetpsa.fnd.rest.client.ClientRepresentation), not ma

一、效果图    二、简单的需求使用UI-Grid来显示表格使用infiniteScroll来进行滚动加载，参考文档三、前端JS/* * Copyright (c) 2013-2015 by The SeedStack authors. All rights reserved. * * This file is part of SeedStack, An

代码示例：hubListComponents.controller('unitarySearchCtrl', ['$scope', '$window', '$document', '$interval', '$routeParams', '$resource', function ($scope, $window, $document, $interval, $routeParams, $re

一、效果展示二、代码参考【view视图】<input id="countryCode" class="control-input" autocomplete="off" name="countryCode" type="text" data-ng-model="anomalieSearchPayId" placeholder="Saisir au moins 2 caractères" ty

我们可以使用ng-repeat指令遍历一个javascript数组，当数组中有重复元素的时候,angularjs会报错:Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use ‘track by’ expression to specify unique keys. Repeater: user in users,

这个服务可以创建一个资源对象，我们可以用它非常方便地同支持RESTful的服务端数据源进行交互，当同支持RESTful的数据模型一起工作时，它就派上用场了。     REST是Representational State Transfer（表征状态转移）的缩写，是服务器用来智能化地提供数据服务的一种方式        1）我们首先需要引入ng-Resource  模块，在angul

我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。1、链式调用$http服务是只能接受一个参数的函数，这个参数是一个对象，包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象，具有success和error两个方法。$http({    url:'data.json',

基于第一个示例，我们再深入学习一下稍微复杂点的东西。一、要实现的效果如下所示：     index.html       about.html     可以看出，我们需要使用路由来切换到不同的视图。ui-router提供了让我们可以做路由嵌套和视图命名的特性，在接下来的示例中我们将逐一分析。二、代码实现部分我们需要一个显示模板作为页面显示

一、选择angular-ui-router的好处ui-router是一个社区库用来完善ng-route的诸多不足UI-Router路由器允许嵌套视图(nested views)和多个命名视图(multiple named views),我们可能有较多的页面需要继承其他部分，所以很有用。通过构建ui-sref来实现不同的状态链接到不同的页面states允许你通过$statsParams来

最初像想要实现的是：显示如下的小星星          最初的实现方式是在html页面加JS脚本，但是老外不喜欢这样，一定要我们转为angular指令，所以就试试呗~一、最初的实现方式jquery评分插件jquery.raty $(function() { $.fn.raty.defaults.path =

指令这节是最难也是最重要的一节，接下来我们来学习一下指令和指令之间是如何通信的。一、我们要实现的效果如下：         二、源码示例 控制器部分代码示例/* * accordion可折叠扩展菜单示例 * 涉及指令嵌套，指令与指令之间的通信*/myDirec.controller("SomeController2",function($scope) {

导入：我们想要实现这样的效果：当我们点击标题的时候展示下面的内容，再点击则收回去。        一、首先回顾一下有哪些绑定策略？ 看这个实在是有点抽象了，我们来看具体的实例分析吧！二、简单的Demo实例   @绑定：传递一个字符串作为属性的值。比如 str : ‘@string’   控制器中代码部分示例：  myDirec.con

深入解析angular中事件处理机制中实现缩略图切换效果 step-12  一、首先看页面效果在页面中我们点击右侧的小缩略图，左侧的图片能够做出动态的切换效果，那么这是怎么实现的恩？二、实现思路：   1、导入angular-animate.js   2、在手机详细视图我们把大图片的ngSrc指令绑定到mainImageUrl属性上，同时

人们似乎常常将AngularJS中的$timeOut()函数看做是一个内置的、无须在意的函数。但是，如果你忘记了$timeOut()的回调函数将会造成非常不好的影响，你可能会因此遇到代码莫名其妙的出现问题，或者无端抛出一个错误甚至是一遍一遍的重复对的你的服务器进行$http请求这些诡异的情形。管理好你的$timeOut定时器的小技巧就是在$destory事件中将它们取消。  和javasc

一、过滤器的作用  过滤器用来格式化需要展示给用户的数据。  在HTML中的模板绑定符号{{ }}内通过|符号来调用过滤器。例如，假设我们希望将字符串转换成大写可以对字符串中的每个字符都单独进行转换操作，也可以使用过滤器：{{name | uppercase }}◇给过滤器传参数：    h3>货币格式h3>    {{123|currency}}        H

四、模块开发AngularJS允许我们使用angular.module()方法来声明模块，这个方法能够接受两个参数，第一个是模块的名称，第二个是依赖列表，也就是可以被注入到模块中的对象列表。angular.module('myApp',[]);  //相当于AngularJS模块的setter方法，是用来定义模块的举例：var testRoute =angular.module('

自动数据绑定使我们可以将视图理解为模型状态的映射。当客户端的数据模型发生变化时，视图就能反映出这些变化，并且不需要写任何自定义的代码，它就可以工作。    AngularJS会记录数据模型所包含的数据在任何特定时间点的值（在HelloWorld例子中就是name的值），而不是原始值。     数据模型对象（modelobject）是指$scope对象。$scope对象是一个简单的JavaS

1、AngularJS是什么？   官方介绍：   完全使用JavaScript编写的客户端技术。同其他历史悠久的Web技术（HTML、CSS和JavaScript）配合使用，使Web应用开发比以往更简单、更快捷。   AngularJS的开发团队将其描述为一种构建动态Web应用的结构化框架。2、HelloWord示例：Simple app

需要导包：xmlpull_1_1_3_1.jar 和kxml2-2.3.0.jarpackage tan. pull;import java. io.FileReader ;import org. xmlpull.v1 .XmlPullParser;import org. xmlpull.v1 .XmlPullParserFactory;

需要导包：dom4j-1.6.1.jar   jaxen-1.1-beta-6.jar------读取---------package com. atguigu.xml.dom4j;import java. util.Iterator;import java. util.List;import org. dom4j.Doc

package tan.dom;import java.io.*;import javax.xml.parsers.*;import org.w3c.dom.*;public class Test_dom_01 {public static void main(String[] args) throws Exception {//取得DocumentBuilderFactory对象Document

有关requirejs是什么在这里不做解释，只用纯代码实战让你感受requirejs依赖管理的强大。一、首先要先下载require.js,然后整一个入口文件main.js包括了对其他js的引用。//配置依赖require.config({ paths: { "angular":"angular" }, shim:{ "angular

DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >              http-equiv= "Content-Type" content="text/html; charset=UTF-8" >         Unti

第一关： type ="text/javascript">     //声明一个函数，求两个数的和，测试你声明的函数     function sum(a ,b){         return a+b ;    }    document.write (sum(2,3 ));第二关： type ="text/

一、登陆页面:html>head>meta http-equiv="Content-Type" content="text/html; charset=UTF-8">title> Insert title heretitle >link rel= "stylesheet" type ="text/css" href="../../style/css.

选择器的小练习

jQuery简介jQuery 是继 Prototype 之后又一个优秀的 JavaScript 库jQuery 理念: 写得少, 做得多. 优势如下:轻量级强大的选择器出色的 DOM 操作的封装可靠的事件处理机制完善的 Ajax出色的浏览器兼容性链式操作方式……jQuery 对象就是通过 jQuery($()) 包装 DOM 对象后产生的对象jQue

一、图片上传所涉及到的问题 1、HTML页面中引入这么一段代码 <div class="row"> <div class="col-md-12"> <form dropzone2 class="dropzone" enctype="multipart/form-data" method="post"></form> </div> </

使用DropzoneJS1、 效果如下所示： 2、前台HTML页面 <div class="row"> <div class="col-md-12"> <form dropzone action="rest/components/myComponent" class="dropzone" enctype="multipart/form-data" meth

非侵入式设计。。。

为了演示下面的支持多参数的构造函数注入，我在这里写了2个接口和其实现类。注意事项写在了程序注释里面。1、接口 （interface）/* * Creation : 2015年6月30日 */package com.guice.constructorInject;import com.google.inject.ImplementedBy;@ImplementedBy(ServiceImpl.

1、接口/* * Creation : 2015年6月30日 */package com.guice.InterfaceManyImpl;public interface Service { public void execute();}2、两个实现类package com.guice.InterfaceManyImpl;public class OneService imple

1、Guice是什么？ Guice是Google开发的一个轻量级，基于Java5(主要运用泛型与注释特性)的依赖注入框架(IOC)。Guice非常小而且快。Guice是类型安全的，它能够对构造函数，属性，方法(包含任意个参数的任意方法，而不仅仅是setter方法)进行注入。2、Guice和Spring的比较 和Spring有点类似，Guice也是个依赖注入框架，主要使用注解形式来完成依赖注

Guice的AOP还是很弱的，目前仅仅支持方法级别上的，另外灵活性也不是很高。看如下示例：Guice支持AOP的条件是：类必须是public或者package (default)类不能是final类型的方法必须是public,package或者protected方法不能使final类型的实例必须通过Guice的@Inject注入或者有一个无参数的构造函数且看示例代码1、定义接口packa

至此 Google Guice三种属性注入的方式，包括基本属性注入、构造函数注入和Setter注入记录完毕。1、接口和实现/* * Creation : 2015年6月30日 */package com.guice.fieldInject;import com.google.inject.ImplementedBy;@ImplementedBy(ServiceImpl.class)publ

1、常量注入方式package com.guice.ConstantInjectDemo;import com.google.inject.Binder;import com.google.inject.Guice;import com.google.inject.Inject;import com.google.inject.Module;import com.google.inject.

1、定义接口package com.guice.providerInject;import com.google.inject.ProvidedBy;public interface Service { public void execute();}2、定义实现类package com.guice.providerInject;public class OneService impleme