为您找到搜索结果：6311个
AngularJs: Reload page
<ang-click="reloadRoute()"class="navbar-brand"title="home"data-translate>PORTAL_NAME</a>$scope.reloadRoute=function(){$route.reload();}$scope.reloadRoute=function(){$window.location.reload();}Lateredit(ui-router): AsmentionedbyJamesEddyEdwardsandDuncintheiranswers,ifyouareusing angular-ui/ui-router youcanusethefollowingmethodtoreloadthecurrentstate/route.Justinject $stateinsteadof $route andthenyouhave:$scope.reloadRoute=function(){$state.reload();};&nbs...
Angularjs循环二维数组
<divng-app><divng-controller="test"><divng-repeat="linksinslides"><hr/><divng-repeat="linkinlinkstrackby$index">{{link}}</div></div></div></div>JSfunctiontest($scope){$scope.slides=[[1,1,1],[4,5,6],];} ...
Angularjs Directive（指令）机制
转：http://damoqiongqiu.iteye.com/blog/1917971 指令的作用：实现语义化标签 我们常用的HTML标签是这样的： <div><span>一点点内容</span></div> 而使用AngularJS的directive（指令）机制，我们可以实现这样的东西： <tabpanel><panel>子面板1</panel><panel>子面板2</panel></tabpanel> 很多人可能要惊呼，这货和JSP或者Struts等等框架里面的taglib很像啊！ 呃，说实话，实际上就是这样的，只不过这里是使用JavaScript来实现的。正因为如此，所以很多taglib做不到的功能，使用它就都可以做到，比如访问N层scope里面的对象之类的事情（参见后面第5个例子）。 <htmlng-app='app'><body><...
angular中的ng-bind-html指令和$sce服务
angularjs的强大之处之一就是他的数据双向绑定这一牛B功能，我们会常常用到的两个东西就是ng-bind和针对form的ng-model。但在我们的项目当中会遇到这样的情况，后台返回的数据中带有各种各样的html标签。如：$scope.currentWork.description=“hello,<br><b>今天我们去哪里？</b>”我们用ng-bind-html这样的指令来绑定，结果却不是我们想要的。是这样的hello,今天我们去哪里？怎么办呢？对于angular1.2一下的版本我们必须要使用$sce这个服务来解决我们的问题。所谓sce即“StrictContextualEscaping”的缩写。翻译成中文就是“严格的上下文模式”也可以理解为安全绑定吧。来看看怎么用吧。controllercode:$http.get('/api/work/get?workId='+$routeParams.workId).success(function(work){$scope.cur...
AngularJs多重视图和路由的使用
使用AngularJs来做多重视图和路由是在方便不过了，在开发过程中，都有许多的页面，而这些页面都有相同的部分，比如页面的头部和尾部通常都是一样的，变化的都是主体部分，还有就是一些后端管理的一些项目，通常不变的都是头部，尾部和菜单部分，变化的都是右边的内容部分，使用AngularJs的多重视图和路由就可以很方便的实现这样的效果。在实现之前需要准备两个文件，一个是angular的主JS文件，另一个是angular的路由JS文件，如下：<scriptsrc="js/angular.min.js"></script><scriptsrc="js/angular-route.min.js"></script>在页面中引入这两个JS文件就可以使用angular了，这里将实现这效果分为如下几步：1.创建一个简单的布局文件2.创建一个模块，可以写在当前的布局文件中也可以新开一个js文件，为了方便管理还是分开好点3.创建路由规则4.如果有用到控制器，再创建控制器接下来就具体来实现这个效果：1.<html><metacharset="UT...
Angularjs中的ng-class
在angular中为我们提供了3种方案处理class：1：scope变量绑定。（不推荐使用）2：字符串数组形式。3：对象key/value处理。我们继续其他两种解决方案：1字符串数组形式是针对class简单变化，具有排斥性的变化，true是什么class，false是什么class，其形如:<!DOCTYPEhtml><htmllang="en"ng-app=""><head><metacharset="UTF-8"><title>Document</title><styletype="text/css">.active{background:green}.active{background:red}</style></head><body><divng-controller="Aaa"><divng-class="{true:'active',false:'inactive'}[isActive]">11111</div><...
AngularJS 的表单验证
最近开始学习angularjs，学到表单验证的时候发现有必要学习下大神的好文章：转：http://www.oschina.net/translate/angularjs-form-validation今天我们将来看看Angular如何帮助做表单验证.我们将讨论更多使用angular进行有关表单操作的东西（就像我们另外的一篇文章: 提交Ajax表单：AngularJS的方式).不过不用担心，那篇文章不一定要读的.我们将重点放在客户端验证上，并使用Angular内置的表单属性。这里有一个 demo.Name必填Username非必填，最小长度3，最大长度8Email非必填，但必须是合法的email验证未通过的表单不能提交显示一个必填或者非法email格式的错误信息如果正确提交就弹出一个祝贺信息现在知道我们的目标了吧，让我们一起来构建这个东西吧.Angular提供了有关表单的属性来帮助我们验证表单.他们给我们提供了各种有关一个表单及其输入的信息，并且应用到了表单和输入.属性类 描述$validng-validBoolean 告诉我们这一项当前基于你设定...
Classical Inheritance in JavaScript
DouglasCrockford www.crockford.com 翻译：ThoughtScript 原文链接 http://javascript.crockford.com/inheritance.htmlAndyouthinkyou'resocleverandclasslessandfree —JohnLennonJavaScript 一种是与类无关的面向对象语言（基于对象）,因此Javascript使用了基于原型的方式(原型链)代替传统面向对象语言的继承方式。这可能会让过去习惯于使用C++、Java这类面向对象语言继承方式的程序员感到困惑。但马上你就能认识到实际上Javascript的原型方式确实比传统的方式更能表达继承关系。JavaJavaScriptStrongly-typedLoosely-typedStaticDynamicClassicalPrototypalClassesFunctionsConstructorsFunctionsMethodsFu...
Spring中的@Transactional(rollbackFor = Exception.class)属性详解
序言今天我在写代码的时候，看到了。一个注解@Transactional(rollbackFor=Exception.class)，今天就和大家分享一下，这个注解的用法； 异常如下图所示，我们都知道Exception分为运行时异常RuntimeException和非运行时异常error是一定会回滚的如果不对运行时异常进行处理，那么出现运行时异常之后，要么是线程中止，要么是主程序终止。 如果不想终止，则必须捕获所有的运行时异常，决不让这个处理线程退出。队列里面出现异常数据了，正常的处理应该是把异常数据舍弃，然后记录日志。不应该由于异常数据而影响下面对正常数据的处理。非运行时异常是RuntimeException以外的异常，类型上都属于Exception类及其子类。如IOException、SQLException等以及用户自定义的Exception异常。对于这种异常，JAVA编译器强制要求我们必需对出现的这些异常进行catch并处理，否则程序就不能编译通过。所以，面对这种异常不管我们是否愿意，只能自己去写一大堆catch块去处理可能的异常。 事务管理方式&nb...
mysqlsla安装和使用介绍
安装mysqlsla源码路径：https://github.com/daniel-nichter/hackmysql.com源码存放路径：/usr/local/src1、获取源码如果没有git命令，请先安装gityum-yinstallgityum-yinstallperl-ExtUtils-Embedcd/usr/local/srcgitclonehttps://github.com/daniel-nichter/hackmysql.com.gitmkdir-p/opt/monitorMySQLcp-Rfhackmysql.com/optcd/opt/hackmysql.comcp-Rf./opt/monitorMySQLrm-rfhackmysql.comcd/opt/monitorMySQL/mysqlslaperlMakefile.PLmake&&makeinstall结果：cplib/mysqlsla.pmblib/lib/mysqlsla.pmcpbin/mysqlslablib/script/mysqlsla/usr/bin/perl-MExtUtils:...
layui + thymeleaf 动态拼接地址
1.第一种方式{url}进行占位，在后面的()里写入占位的值${url}是controller里面传过来的值<imgth:src="@{{url}{{d.userImg}}(url=${url})}">2.第二种方式{{d.userImg}}是layui的获取全局变量里的值，用单引号引起来<imgth:src="@{${url}+'{{d.userImg}}'}"/>后面可以继续拼接值如果是字符串只要用+和''引起来如：<imgth:src="@{${url}+'{{d.userImg}}'+'sea'}">如果是传过来的变量就只用+就行了<imgth:src="@{${url}+'{{d.userImg}}'+${url}}">...
layui 获取当前页和当前条数
//获取当前页varrecodePage=$(".layui-laypage-skip.layui-input").val();//获取当前页条数varrecodeLimit=$(".layui-laypage-limits").find("option:selected").val();...