- 使用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);}
- 多线程编程之卫生间
周凡杨
java并发卫生间线程厕所
如大家所知,火车上车厢的卫生间很小,每次只能容纳一个人,一个车厢只有一个卫生间,这个卫生间会被多个人同时使用,在实际使用时,当一个人进入卫生间时则会把卫生间锁上,等出来时打开门,下一个人进去把门锁上,如果有一个人在卫生间内部则别人的人发现门是锁的则只能在外面等待。问题分析:首先问题中有两个实体,一个是人,一个是厕所,所以设计程序时就可以设计两个类。人是多数的,厕所只有一个(暂且模拟的是一个车厢)。
- How to Install GUI to Centos Minimal
sunjing
linuxInstallDesktopGUI
http://www.namhuy.net/475/how-to-install-gui-to-centos-minimal.html
I have centos 6.3 minimal running as web server. I’m looking to install gui to my server to vnc to my server. You can insta
- Shell 函数
daizj
shell函数
Shell 函数
linux shell 可以用户定义函数,然后在shell脚本中可以随便调用。
shell中函数的定义格式如下:
[function] funname [()]{
action;
[return int;]
}
说明:
1、可以带function fun() 定义,也可以直接fun() 定义,不带任何参数。
2、参数返回
- Linux服务器新手操作之一
周凡杨
Linux 简单 操作
1.whoami
当一个用户登录Linux系统之后,也许他想知道自己是发哪个用户登录的。
此时可以使用whoami命令。
[ecuser@HA5-DZ05 ~]$ whoami
e
- 浅谈Socket通信(一)
朱辉辉33
socket
在java中ServerSocket用于服务器端,用来监听端口。通过服务器监听,客户端发送请求,双方建立链接后才能通信。当服务器和客户端建立链接后,两边都会产生一个Socket实例,我们可以通过操作Socket来建立通信。
首先我建立一个ServerSocket对象。当然要导入java.net.ServerSocket包
ServerSock
- 关于框架的简单认识
西蜀石兰
框架
入职两个月多,依然是一个不会写代码的小白,每天的工作就是看代码,写wiki。
前端接触CSS、HTML、JS等语言,一直在用的CS模型,自然免不了数据库的链接及使用,真心涉及框架,项目中用到的BootStrap算一个吧,哦,JQuery只能算半个框架吧,我更觉得它是另外一种语言。
后台一直是纯Java代码,涉及的框架是Quzrtz和log4j。
都说学前端的要知道三大框架,目前node.
- You have an error in your SQL syntax; check the manual that corresponds to your
林鹤霄
You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'option,changed_ids ) values('0ac91f167f754c8cbac00e9e3dc372
- MySQL5.6的my.ini配置
aigo
mysql
注意:以下配置的服务器硬件是:8核16G内存
[client]
port=3306
[mysql]
default-character-set=utf8
[mysqld]
port=3306
basedir=D:/mysql-5.6.21-win
- mysql 全文模糊查找 便捷解决方案
alxw4616
mysql
mysql 全文模糊查找 便捷解决方案
2013/6/14 by 半仙
[email protected]
目的: 项目需求实现模糊查找.
原则: 查询不能超过 1秒.
问题: 目标表中有超过1千万条记录. 使用like '%str%' 进行模糊查询无法达到性能需求.
解决方案: 使用mysql全文索引.
1.全文索引 : MySQL支持全文索引和搜索功能。MySQL中的全文索
- 自定义数据结构 链表(单项 ,双向,环形)
百合不是茶
单项链表双向链表
链表与动态数组的实现方式差不多, 数组适合快速删除某个元素 链表则可以快速的保存数组并且可以是不连续的
单项链表;数据从第一个指向最后一个
实现代码:
//定义动态链表
clas
- threadLocal实例
bijian1013
javathreadjava多线程threadLocal
实例1:
package com.bijian.thread;
public class MyThread extends Thread {
private static ThreadLocal tl = new ThreadLocal() {
protected synchronized Object initialValue() {
return new Inte
- activemq安全设置—设置admin的用户名和密码
bijian1013
javaactivemq
ActiveMQ使用的是jetty服务器, 打开conf/jetty.xml文件,找到
<bean id="adminSecurityConstraint" class="org.eclipse.jetty.util.security.Constraint">
<p
- 【Java范型一】Java范型详解之范型集合和自定义范型类
bit1129
java
本文详细介绍Java的范型,写一篇关于范型的博客原因有两个,前几天要写个范型方法(返回值根据传入的类型而定),竟然想了半天,最后还是从网上找了个范型方法的写法;再者,前一段时间在看Gson, Gson这个JSON包的精华就在于对范型的优雅简单的处理,看它的源代码就比较迷糊,只其然不知其所以然。所以,还是花点时间系统的整理总结下范型吧。
范型内容
范型集合类
范型类
- 【HBase十二】HFile存储的是一个列族的数据
bit1129
hbase
在HBase中,每个HFile存储的是一个表中一个列族的数据,也就是说,当一个表中有多个列簇时,针对每个列簇插入数据,最后产生的数据是多个HFile,每个对应一个列族,通过如下操作验证
1. 建立一个有两个列族的表
create 'members','colfam1','colfam2'
2. 在members表中的colfam1中插入50*5
- Nginx 官方一个配置实例
ronin47
nginx 配置实例
user www www;
worker_processes 5;
error_log logs/error.log;
pid logs/nginx.pid;
worker_rlimit_nofile 8192;
events {
worker_connections 4096;}
http {
include conf/mim
- java-15.输入一颗二元查找树,将该树转换为它的镜像, 即在转换后的二元查找树中,左子树的结点都大于右子树的结点。 用递归和循环
bylijinnan
java
//use recursion
public static void mirrorHelp1(Node node){
if(node==null)return;
swapChild(node);
mirrorHelp1(node.getLeft());
mirrorHelp1(node.getRight());
}
//use no recursion bu
- 返回null还是empty
bylijinnan
javaapachespring编程
第一个问题,函数是应当返回null还是长度为0的数组(或集合)?
第二个问题,函数输入参数不当时,是异常还是返回null?
先看第一个问题
有两个约定我觉得应当遵守:
1.返回零长度的数组或集合而不是null(详见《Effective Java》)
理由就是,如果返回empty,就可以少了很多not-null判断:
List<Person> list
- [科技与项目]工作流厂商的战略机遇期
comsci
工作流
在新的战略平衡形成之前,这里有一个短暂的战略机遇期,只有大概最短6年,最长14年的时间,这段时间就好像我们森林里面的小动物,在秋天中,必须抓紧一切时间存储坚果一样,否则无法熬过漫长的冬季。。。。
在微软,甲骨文,谷歌,IBM,SONY
- 过度设计-举例
cuityang
过度设计
过度设计,需要更多设计时间和测试成本,如无必要,还是尽量简洁一些好。
未来的事情,比如 访问量,比如数据库的容量,比如是否需要改成分布式 都是无法预料的
再举一个例子,对闰年的判断逻辑:
1、 if($Year%4==0) return True; else return Fasle;
2、if ( ($Year%4==0 &am
- java进阶,《Java性能优化权威指南》试读
darkblue086
java性能优化
记得当年随意读了微软出版社的.NET 2.0应用程序调试,才发现调试器如此强大,应用程序开发调试其实真的简单了很多,不仅仅是因为里面介绍了很多调试器工具的使用,更是因为里面寻找问题并重现问题的思想让我震撼,时隔多年,Java已经如日中天,成为许多大型企业应用的首选,而今天,这本《Java性能优化权威指南》让我再次找到了这种感觉,从不经意的开发过程让我刮目相看,原来性能调优不是简单地看看热点在哪里,
- 网络学习笔记初识OSI七层模型与TCP协议
dcj3sjt126com
学习笔记
协议:在计算机网络中通信各方面所达成的、共同遵守和执行的一系列约定 计算机网络的体系结构:计算机网络的层次结构和各层协议的集合。 两类服务: 面向连接的服务通信双方在通信之前先建立某种状态,并在通信过程中维持这种状态的变化,同时为服务对象预先分配一定的资源。这种服务叫做面向连接的服务。 面向无连接的服务通信双方在通信前后不建立和维持状态,不为服务对象
- mac中用命令行运行mysql
dcj3sjt126com
mysqllinuxmac
参考这篇博客:http://www.cnblogs.com/macro-cheng/archive/2011/10/25/mysql-001.html 感觉workbench不好用(有点先入为主了)。
1,安装mysql
在mysql的官方网站下载 mysql 5.5.23 http://www.mysql.com/downloads/mysql/,根据我的机器的配置情况选择了64
- MongDB查询(1)——基本查询[五]
eksliang
mongodbmongodb 查询mongodb find
MongDB查询
转载请出自出处:http://eksliang.iteye.com/blog/2174452 一、find简介
MongoDB中使用find来进行查询。
API:如下
function ( query , fields , limit , skip, batchSize, options ){.....}
参数含义:
query:查询参数
fie
- base64,加密解密 经融加密,对接
y806839048
经融加密对接
String data0 = new String(Base64.encode(bo.getPaymentResult().getBytes(("GBK"))));
String data1 = new String(Base64.decode(data0.toCharArray()),"GBK");
// 注意编码格式,注意用于加密,解密的要是同
- JavaWeb之JSP概述
ihuning
javaweb
什么是JSP?为什么使用JSP?
JSP表示Java Server Page,即嵌有Java代码的HTML页面。使用JSP是因为在HTML中嵌入Java代码比在Java代码中拼接字符串更容易、更方便和更高效。
JSP起源
在很多动态网页中,绝大部分内容都是固定不变的,只有局部内容需要动态产生和改变。
如果使用Servl
- apple watch 指南
啸笑天
apple
1. 文档
WatchKit Programming Guide(中译在线版 By @CocoaChina) 译文 译者 原文 概览 - 开始为 Apple Watch 进行开发 @星夜暮晨 Overview - Developing for Apple Watch 概览 - 配置 Xcode 项目 - Overview - Configuring Yo
- java经典的基础题目
macroli
java编程
1.列举出 10个JAVA语言的优势 a:免费,开源,跨平台(平台独立性),简单易用,功能完善,面向对象,健壮性,多线程,结构中立,企业应用的成熟平台, 无线应用 2.列举出JAVA中10个面向对象编程的术语 a:包,类,接口,对象,属性,方法,构造器,继承,封装,多态,抽象,范型 3.列举出JAVA中6个比较常用的包 Java.lang;java.util;java.io;java.sql;ja
- 你所不知道神奇的js replace正则表达式
qiaolevip
每天进步一点点学习永无止境纵观千象regex
var v = 'C9CFBAA3CAD0';
console.log(v);
var arr = v.split('');
for (var i = 0; i < arr.length; i ++) {
if (i % 2 == 0) arr[i] = '%' + arr[i];
}
console.log(arr.join(''));
console.log(v.r
- [一起学Hive]之十五-分析Hive表和分区的统计信息(Statistics)
superlxw1234
hivehive分析表hive统计信息hive Statistics
关键字:Hive统计信息、分析Hive表、Hive Statistics
类似于Oracle的分析表,Hive中也提供了分析表和分区的功能,通过自动和手动分析Hive表,将Hive表的一些统计信息存储到元数据中。
表和分区的统计信息主要包括:行数、文件数、原始数据大小、所占存储大小、最后一次操作时间等;
14.1 新表的统计信息
对于一个新创建
- Spring Boot 1.2.5 发布
wiselyman
spring boot
Spring Boot 1.2.5已在7月2日发布,现在可以从spring的maven库和maven中心库下载。
这个版本是一个维护的发布版,主要是一些修复以及将Spring的依赖提升至4.1.7(包含重要的安全修复)。
官方建议所有的Spring Boot用户升级这个版本。
项目首页 | 源