- 使用ng-repeat遍历json对象
youyoufenglai
angularangular
ng-repeat可以遍历数组对象,也可以遍历json对象:$scope.data={'aaa':'123',‘bbb’:'456','ccc':'789'};key={{key}}value={{val}}参照一下angular官方对ngRepeat的讲解:IteratingoverobjectpropertiesItispossibletogetngRepeattoiterateoverthe
- AngularJs 学习之 ng-repeat-start,ng-repeat-end 指令
IT枫斗者
JAVA基础工作中实际总结编程学习angular.js学习前端java面试javascript
AngularJs学习之ng-repeat-start,ng-repeat-end指令ng-repeat指令:循环输出数组或者对象内容到htmlapplywatch*{margin:0;padding:0;}姓名介绍{{item.name}}{{item.content}}varapp=angular.module("myApp",[]);app.controller('myCtrl',funct
- 【angular基础】ng-class的几种用法
康一夏
angular工作记
文章目录单个变量多个变量动态添加类名ng-repeat里的ng-class与ng-class-odd单个变量$scope.className='active';商品标题商品标题商品标题多个变量$scope.classNameList=['active','hot'];$scope.className1='active';$scope.className2='hot';商品标题商品标题动态添加类名这
- Vue常见的指令都有哪些
LuckySoong
vue
1、v-model多用于表单元素实现双向数据绑定(同angular中的ng-model)2、v-for格式:v-for=“字段名in(of)数组json”循环数组或json(同angular中的ng-repeat),需要注意从vue2开始取消了$index3、v-show显示内容(同angular中的ng-show)4、v-hide隐藏内容(同angular中的ng-hide)5、v-if显示与隐
- 使用ng-repeat后 td同比需增加 ‘增’‘减’箭头
咏竹莉
html:{{obj.leaserName}}{{$index+1}}{{obj.totleTagNames}}js://翻译同比:$scope.translateValue=function(value){vartemp=value;varhtml=value;value=value.substring(0,value.length-1);if((value*1)>0){html=''+temp
- 2018-03-05 ng-repeat
小米或者黄大仙_fcb5
ng-repeat循环一旦遇到相同的值时就失去的循环的能力{{x}}varapp=angular.module("myApp",[]);app.controller("myCtrl",function(scope){scope.records=["菜鸟教程",/////////////////////////////是相同的元素"菜鸟教程","菜鸟教程",/////////////////////
- ie8下,angular1中ng-repeat
奋斗滴猩猩
需求:根据数据如"1"、"2"、"3"....循环生成1个、2个、3个.....span标签分析:ng-repeat循环集合必须是数组或对象解决办法:声明一个对象数组$scope.dataList={'1':[{id:1,label:'}],'2':[{id:1,label:'},{id:2,label:'}]','3':[{id:1,label:'},{id:2,label:'}]}1注:勿喷,
- 2018-09-21 Angular.js
X秀秀
1.什么是abngular?基于javascript开发的客户端应用框架,,使我们可以更加快捷,简单的开发web应用不适用于做酷酷的特效,可视化的图形界面,比较适合前后端的数据交互的一些方案。2.angular.js的特性:MVC模式指令系统模块系统双向数据绑定依赖注入MVC模式:M:module模块V:view视图C:controller控制器3.angular指令ng-repeat指令会重复一
- AngularJS 最常用的八种功能
别人家的xiao孩
AngularJS使用基础知识第一迭代输出之ng-repeat标签ng-repeat让tableulol等标签和js里的数组完美结合{{person.name}}is{{person.age}}yearsold.你甚至可以指定输出的顺序:第二动态绑定之ng-model标签任何有用户输入,只要是有值的html标签,都可以动态绑定js中的变量,而且是动态绑定。对于绑定的变量,你可以使用{{}}直接引用
- ng-options让下拉框更简单
alpacino_1010
ng-options属性可以在表达式中使用数组或对象来自动生成一个select中的option列表。ng-options与ng-repeat很相似,很多时候可以用ng-repeat来代替ng-options。但是ng-options提供了一些好处,例如减少内存提高速度,以及提供选择框的选项来让用户选择。一级目录二级目录三级目录前端页面:id,name,是itemCat表的两个字段,用as连接,并用
- ng-repeat track by
小xuer
scope数组数据发生变化时,界面会自动刷新,刷新方式有2种:1.删除之前所有存在的dom,然后重新生成dom。2.重用之前的dom元素,仅仅更新dom元素的属性。三种情况:一、数组属性值发生变化,使用trackby结果对比1.使用ng-repeat="ainarrayList"2.使用trackby$index3.使用trackbyid结果对比:使用1会将dom元素全部删除,重新生成,使用2,3
- ng-常用指令
全村的希望iOS
简介ng指令Angular提供的开箱即用指令,下面这里介绍开发项目中最常用的指令。ng-model:模型指令ng-bind:绑定指令ng-style:样式指令ng-switch:选择指令ng-if/ng-show:判断指令ng-repeat:循环指令当然还有很多指令,但是这几个目前是开发中最常用的指令。详细实例一、ng-model:模型指令1.ng-model取input的值{{text}}2.n
- a标签href unsafe:javascript:void(0)
维仔_411d
今天管理平台(使用angularJS)发现一个问题,a标签点击后进入unsafe:javascript:void(0)页面,分析为angularJS将解析为原因为:数据绑定产生的链接,或使用ng-href产生的链接,angularjs会天津unsafe(此a标签处于ng-repeat中,是动态生成的)[1]另外还引出了一个小问题,a标签中onclick、href、target在不同浏览器下的处理顺
- AngularJS(十三)AngularJS过滤器
shushu_0a41
过滤器(Filter)的作用是接收一组输入数据,在数据输出到视图前,按照一定的规则对视图进行处理,然后返回处理后的结果。1过滤器使用方法1.1表达式中使用过滤器{{expression|filter1:argument1:argument2|filter2:argument1|...}}1.2指令中使用过滤器在ng-repeat指令中先对array数组进行过滤处理再循环输出。1.3在Control
- ng-repeat 使用 track by $index 时与 filter 过滤冲突解决
小侯爷周小瑜
在angular下使用ng-repeat时,如果循环的数组中存在有重复的元素,会报错:Error:[ngRepeat:dupes]Duplicatesinarepeaterarenotallowed.Use'trackby'expressiontospecifyuniquekeys.Repeater:cinmsg,Duplicatekey:object:63,Duplicatevalue:因为其不
- angularJs(ng-repeat)过滤出指定数据
DevCsdner
前端AngularJs自定义过滤器ng-repeat过滤
ng-repeat指令会重复一个HTML元素有时接收到的数据不需要全部显示到页面上,这时就可以使用过滤器。过滤器可以使用一个管道字符(|)添加到表达式和指令中。可参考AngularJS过滤器本示例通过自定义过滤器,过滤出指定对象数组中指定key为指定value的对象。页面代码ul>li{list-style:none}.active{background-color:red!important;b
- 带你认识vue常用的指令
等着上颜色的皮卡
vue.jsangular.jsjavascript
1、v-model多用于表单元素实现双向数据绑定(同angular中的ng-model)2、v-for格式:v-for="字段名in(of)数组json"循环数组或json(同angular中的ng-repeat),需要注意从Vue2开始取消了$index3、v-show显示内容(同angular中的ng-show)4、v-hide隐藏内容(同angular中的ng-hide)5、v-if显示与隐
- 微信小程序wx:key以及wx:key=" *this"详解:
weixin_30772105
今天写微信小程序无意中看到控制台给出了这样一行提示:求解百度才知道,给大家分享一下:1.wx:for定义官方文档:在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item人话:根据已有数据来迭代生成组件的一个方法。学前端的同学肯定不会陌生了,V-for、ng-repeat都是一样的原理,可是
- flex 设置等比宽度出现长字符串宽度不同处理
崠崠
flex布局,功能强大,具体的基本知识这边就不阐述了,从阮一峰老师的网络日志-->Flex布局教程:语法篇处可以获取。这边直接说明问题所在问题展示在同一个ng-repeat循环中出现的列表样式中,其中一个cell没有如设置的宽度和换行,其余的都正常CSS/*容器设置*/.weui-cell{padding:10px15px;position:relative;display:-webkit-box
- angular中点击li标签实现更改颜色
阿布_0caf
点击ng-repeat遍历后的li标签,实现更改border颜色;html代码:{{word}}js代码:$scope.li_click=function(i){$scope.focus=i;};说明:①在元素的单击事件中,将执行$scope对象中添加的"li_click()"方法;②在该方法中将"$index(行号值)"作为实参传给方法,并将"focus"属性值设为“$index”值;③因此当单
- data-ng-app 和ng-app之间区别
newway_001
没有区别,只是写法标准不标准的问题,两种写法HTML和angularjs都能识别。ng-app、ng-repeat等都不是Html标签的自带属性,属于用户自定义属性,HTML5规范要求所有的用户自定义属性以"data-"开头,所以data-ng-app是符合HTML5规范的写法。
- ng-class指令
yb_剑笙
概述ng-class指令实现了把元素的class属性和数据模型绑定的功能。在进行样式动态控制时非常的有用。ng-class指令实际上有三种。分别为:指令名称指令说明ng-class在任何元素中都可以使用ng-class-odd配合ng-repeat指令使用,$index为偶数时生效ng-class-even配合ng-repeat指令使用,$index为奇数时生效实现细节三种指令实现上几乎是一模一样
- ng-repeat指令中使用track by子语句解决重复数据遍历的错误
牵着毛驴看世界
我们可以使用ng-repeat指令遍历一个javascript数组,当数组中有重复元素的时候,angularjs会报错:Error:[ngRepeat:dupes]Duplicatesinarepeaterarenotallowed.Use'trackby'expressiontospecifyuniquekeys.Repeater:userinusers,Duplicatekey:number:
- ng-repeat与ng-model的简单搭配使用
灬弑念
目标实现:通过点击标签的点击事件改变标签的内容{{myText}}{{x}}varmyApp=angular.module("MyApp",[]);myApp.controller("MyCtrl",function($scope){$scope.citys=["大连","北京","上海"];$scope.myClick=function(x){$scope.myText=x;};});
- angularJS ng-repeat 中track by 的作用
MGd
ng-repeat最简单的写法是:如果item的值有重复的,比如items=["aaa","aaa","aaa","bbb","bbb"]那么angularjs会报错,不允许值重复,原因是angular需要一个唯一值可以与生成的dom绑定,以便追踪。所以,在这种情况下,trackby就出现了:因为key不会重复
- 怎么将分页封装成指令?
与其感慨路难行
大家好,我是IT修真院深圳分院第02期学员,一枚正直善良的web程序员。今天给大家分享一下,修真院官网js任务9,深度思考中的知识点——怎么将分页封装成指令?1.背景介绍对于指令,可以把它简单的理解成在特定DOM元素上运行的函数,指令可以扩展这个元素的功能。例如,一些原生的指令如ng-disabled,ng-if,ng-repeat,ng-click等。ng-click可以让一个元素能够监听cli
- 2.指令
miner敏儿
1.内置指令什么是指令?HTML在构建应用(App)时存在诸多不足之处,AngularJS通过扩展一系列的HTML属性或标签来弥补这些缺陷,所谓指令就是AngularJS自定义的HTML属性或标签,这些指令都是以ng-做为前缀的,例如ng-app、ng-controller、ng-repeat等。内置指令ng-app指定应用根元素,至少有一个元素指定了此属性。ng-controller指定控制器n
- AngularJs入门基础
默默先生Alec
1.Angular扩展了HTML属性:ng-directives属性绑定到HTML;ng-app定义一个AngularJS应用程序;ng-model把DOM元素值(比如input标签)绑定到应用程序对应的变量上;ng-bind把应用程序数据绑定到HTML视图中(内容);ng-init初始化angular应用程序变量;ng-repeat会重复一个HTML元素,可用于循环输出列表等;ng-if判断条件
- angularjs ng-if 与 ng-repeat下的ng-model失效
吧啦吧啦小魔仙o_o
那么ng-model指令对应的作用域属性子级作用域,而并非控制器注入的$scope作用域对象,这点在进行双向数据绑定时,需要引起注意。在ng-if方式中,每个包含的元素都拥有自己的作用域,因此,复选框元素也拥有自己的$scope作用域。相对于控制器作用域来说,这个作用域属于一个子级作用域,所以,如果它想绑定控制器中的变量值,必须添加$parent标识,只有这样才能访问到控制器中的变量。因此,解决n
- 关于ng-repeat下的每个子项点击事件ng-click
GonBuilder
有时候我们要对每个项进行设置点击事件,由于我比较蠢,只能用以下方法,如果有更好的方法,教教我,蟹蟹。//在HTML文档中{{a}}//在控制器作用域中$scope.yourfunction=function(ev){//这就是你点击的对象啦console.log(ev.target);}
- Js函数返回值
_wy_
jsreturn
一、返回控制与函数结果,语法为:return 表达式;作用: 结束函数执行,返回调用函数,而且把表达式的值作为函数的结果 二、返回控制语法为:return;作用: 结束函数执行,返回调用函数,而且把undefined作为函数的结果 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性
- MySQL 的 char 与 varchar
bylijinnan
mysql
今天发现,create table 时,MySQL 4.1有时会把 char 自动转换成 varchar
测试举例:
CREATE TABLE `varcharLessThan4` (
`lastName` varchar(3)
) ;
mysql> desc varcharLessThan4;
+----------+---------+------+-
- Quartz——TriggerListener和JobListener
eksliang
TriggerListenerJobListenerquartz
转载请出自出处:http://eksliang.iteye.com/blog/2208624 一.概述
listener是一个监听器对象,用于监听scheduler中发生的事件,然后执行相应的操作;你可能已经猜到了,TriggerListeners接受与trigger相关的事件,JobListeners接受与jobs相关的事件。
二.JobListener监听器
j
- oracle层次查询
18289753290
oracle;层次查询;树查询
.oracle层次查询(connect by)
oracle的emp表中包含了一列mgr指出谁是雇员的经理,由于经理也是雇员,所以经理的信息也存储在emp表中。这样emp表就是一个自引用表,表中的mgr列是一个自引用列,它指向emp表中的empno列,mgr表示一个员工的管理者,
select empno,mgr,ename,sal from e
- 通过反射把map中的属性赋值到实体类bean对象中
酷的飞上天空
javaee泛型类型转换
使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中
但现在主要使用Spring框架的MVC,虽然也有@ModelAttribute可以使用但是明显感觉不方便。
好吧,那就自己再造一个轮子吧。
原理都知道,就是利用反射进行字段的赋值,下面贴代码
主要类如下:
import java.lang.reflect.Field;
imp
- SAP HANA数据存储:传统硬盘的瓶颈问题
蓝儿唯美
HANA
SAPHANA平台有各种各样的应用场景,这也意味着客户的实施方法有许多种选择,关键是如何挑选最适合他们需求的实施方案。
在 《Implementing SAP HANA》这本书中,介绍了SAP平台在现实场景中的运作原理,并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》,介绍了行存储和列存储的各自特点,以及SAP HANA的数据存储方式如何提升空间压
- Java Socket 多线程实现文件传输
随便小屋
javasocket
高级操作系统作业,让用Socket实现文件传输,有些代码也是在网上找的,写的不好,如果大家能用就用上。
客户端类:
package edu.logic.client;
import java.io.BufferedInputStream;
import java.io.Buffered
- java初学者路径
aijuans
java
学习Java有没有什么捷径?要想学好Java,首先要知道Java的大致分类。自从Sun推出Java以来,就力图使之无所不包,所以Java发展到现在,按应用来分主要分为三大块:J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版,主要用于桌面应用软件的编程;J2ME主要应用于嵌入是系统开发,如手机和PDA的编程;J2EE
- APP推广
aoyouzi
APP推广
一,免费篇
1,APP推荐类网站自主推荐
最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖,还能获取最美应用的评测推荐。PS:推荐简单。只要产品有趣好玩,用户会自主分享传播。例如足迹APP在最美应用推荐一次,几天用户暴增将服务器击垮。
2,各大应用商店首发合作
老实盯着排期,多给应用市场官方负责人献殷勤。
3,论坛贴吧推广
百度知道,百度贴吧,猫扑论坛,天涯社区,豆瓣(
- JSP转发与重定向
百合不是茶
jspservletJava Webjsp转发
在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向;
转发包括;forward和include
例子;forwrad转发; 将请求装法给reg.html页面
关键代码;
req.getRequestDispatcher("reg.html
- web.xml之jsp-config
bijian1013
javaweb.xmlservletjsp-config
1.作用:主要用于设定JSP页面的相关配置。
2.常见定义:
<jsp-config>
<taglib>
<taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri>
<taglib-location>
TLD文件所在的位置
- JSF2.2 ViewScoped Using CDI
sunjing
CDIJSF 2.2ViewScoped
JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w
- 【分布式数据一致性二】Zookeeper数据读写一致性
bit1129
zookeeper
很多文档说Zookeeper是强一致性保证,事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336
Zookeeper的数据同步协议
Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数,3台能够满足数据可靠性同时
- Java开发笔记
白糖_
java开发
1、Map<key,value>的remove方法只能识别相同类型的key值
Map<Integer,String> map = new HashMap<Integer,String>();
map.put(1,"a");
map.put(2,"b");
map.put(3,"c"
- 图片黑色阴影
bozch
图片
.event{ padding:0; width:460px; min-width: 460px; border:0px solid #e4e4e4; height: 350px; min-heig
- 编程之美-饮料供货-动态规划
bylijinnan
动态规划
import java.util.Arrays;
import java.util.Random;
public class BeverageSupply {
/**
* 编程之美 饮料供货
* 设Opt(V’,i)表示从i到n-1种饮料中,总容量为V’的方案中,满意度之和的最大值。
* 那么递归式就应该是:Opt(V’,i)=max{ k * Hi+Op
- ajax大参数(大数据)提交性能分析
chenbowen00
WebAjax框架浏览器prototype
近期在项目中发现如下一个问题
项目中有个提交现场事件的功能,该功能主要是在web客户端保存现场数据(主要有截屏,终端日志等信息)然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢,大概要等10到20秒的时间浏览器才能操作,期间页面不响应事件。
根据客户描述分析了下的代码流程,很简单,主要通过OCX控件截屏,在将前端的日志等文件使用OCX控件打包,在将之转换为
- [宇宙与天文]在太空采矿,在太空建造
comsci
我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大....
地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没
- ORACLE中CONSTRAINT的四对属性
daizj
oracleCONSTRAINT
ORACLE中CONSTRAINT的四对属性
summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如
- Gradle入门教程
dengkane
gradle
一、寻找gradle的历程
一开始的时候,我们只有一个工程,所有要用到的jar包都放到工程目录下面,时间长了,工程越来越大,使用到的jar包也越来越多,难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里,靠ide来管理工程之间的依赖关系,各工程下的jar包依赖是杂乱的。一段时间后,我们发现用ide来管理项程很不方便,比如不方便脱离ide自动构建,于是我们写自己的ant脚本。再后
- C语言简单循环示例
dcj3sjt126com
c
# include <stdio.h>
int main(void)
{
int i;
int count = 0;
int sum = 0;
float avg;
for (i=1; i<=100; i++)
{
if (i%2==0)
{
count++;
sum += i;
}
}
avg
- presentModalViewController 的动画效果
dcj3sjt126com
controller
系统自带(四种效果):
presentModalViewController模态的动画效果设置:
[cpp]
view plain
copy
UIViewController *detailViewController = [[UIViewController al
- java 二分查找
shuizhaosi888
二分查找java二分查找
需求:在排好顺序的一串数字中,找到数字T
一般解法:从左到右扫描数据,其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。
/**
*
* @param array
* 顺序数组
* @param t
* 要查找对象
* @return
*/
public stati
- Spring Security(07)——缓存UserDetails
234390216
ehcache缓存Spring Security
Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类,CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时,其首先会从缓存中获取,如果缓存中没
- Dozer 深层次复制
jayluns
VOmavenpo
最近在做项目上遇到了一些小问题,因为架构在做设计的时候web前段展示用到了vo层,而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层,每一次都需要从po-->转化到vo层,用到BeanUtils.copyProperties(source, target)只能复制简单的属性,因为实体类都配置了hibernate那些关联关系,所以它满足不了现在的需求,但后发现还有个很
- CSS规范整理(摘自懒人图库)
a409435341
htmlUIcss浏览器
刚没事闲着在网上瞎逛,找了一篇CSS规范整理,粗略看了一下后还蛮有一定的道理,并自问是否有这样的规范,这也是初入前端开发的人一个很好的规范吧。
一、文件规范
1、文件均归档至约定的目录中。
具体要求通过豆瓣的CSS规范进行讲解:
所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:
基本样式库 /css/core
- C++动态链接库创建与使用
你不认识的休道人
C++dll
一、创建动态链接库
1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked",完成
2.在test.h中添加
extern “C” 返回类型 _declspec(dllexport)函数名(参数列表);
3.在test.cpp中最后写
extern “C” 返回类型 _decls
- Android代码混淆之ProGuard
rensanning
ProGuard
Android应用的Java代码,通过反编译apk文件(dex2jar、apktool)很容易得到源代码,所以在release版本的apk中一定要混淆一下一些关键的Java源码。
ProGuard是一个开源的Java代码混淆器(obfuscation)。ADT r8开始它被默认集成到了Android SDK中。
官网:
http://proguard.sourceforge.net/
- 程序员在编程中遇到的奇葩弱智问题
tomcat_oracle
jquery编程ide
现在收集一下:
排名不分先后,按照发言顺序来的。
1、Jquery插件一个通用函数一直报错,尤其是很明显是存在的函数,很有可能就是你没有引入jquery。。。或者版本不对
2、调试半天没变化:不在同一个文件中调试。这个很可怕,我们很多时候会备份好几个项目,改完发现改错了。有个群友说的好: 在汤匙
- 解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported
xp9802
dependency
解决办法:在plugins之前添加如下pluginManagement,二者前后顺序如下:
[html]
view plain
copy
<build>
<pluginManagement