Angular JS将数据显示为两列(html)
(数据为Array数组)使用AngularJS中ng-show="{{}}",其将数据按行分为奇数行和偶数行,$even是判断是否为奇数行[如果是则为true,不是则为false],$odd判断是否为偶数行,ng-show="{{$even/$odd}}"。根据读取数据的需要对需要隐藏的数据进行隐藏和显示。
在写js将数据分为两列时使用for循环取数据进行判断。
 var oL = document.getElementById('L');
     var oR = document.getElementById('R');
     var    awarddata = new Array();
     var    awarddataJ = [],
         awarddataO = [];
 awarddata[0]=new Array('test',1);
     for(var i=0;i<awarddata.length;i++){
         if(i%2==0){
             awarddataO.push(awarddata[i]);
             var oUl = document.createElement('ul');
             oUl.className = "clearfix";
             oR.appendChild(oUl);
             for(var j=0;j<awarddata[i].length;j++){
                 var oLi = document.createElement('li');
                 oLi.innerHTML = awarddata[i][j];
                 oUl.appendChild(oLi);
             }
         }else{
             awarddataJ.push(awarddata[i]);
             var oUl = document.createElement('ul');
             oUl.className = "clearfix";
             oL.appendChild(oUl);
             for(var j=0;j<awarddata[i].length;j++){
                 var oLi = document.createElement('li');
                 oLi.innerHTML = awarddata[i][j];
                 oUl.appendChild(oLi);
             }
         }
     }
 /*var passArr = {};
     for(var i=0;i<10;i++){
         arr.push(parseInt(Math.random()*100));
     }
     pass(arr);
     function pass(arr){
         var arrJ = [],arrO = [];
         for(var i=0;i<arr.length;i++){
             if(arr[i]%2==0){
                 arrO.push(arr[i]);
             }else{
                 arrJ.push(arr[i]);
             }
         }
         passArr.j = arrJ;
         passArr.o = arrO;
         return passArr;
     }
     alert(passArr.j+'======'+passArr.o);*/
Angular JS将数据显示为两列(html)的更多相关文章
- {{angular.js 使用技巧}} - 实现计算列属性
		前端MV*框架现在有很多,其中某些框架有计算列(又叫监控属性),比如:微软推荐的 Knockout.js 和博客园司徒正美的 avalon.js 框架. 本人只使用过 Knockout.js,aval ... 
- MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录
		注:文章内容都是摘录性文字,自己阅读的一些笔记,方便日后查看. MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是 ... 
- (翻译)Angular.js为什么如此火呢?
		在本文中让我们来逐步发掘angular为什么如此火: Angular.js 是一个MV*(Model-View-Whatever,不管是MVC或者MVVM,统归MDV(model Drive View ... 
- python , angular js 学习记录【1】
		1.日期格式化 Letter Date or Time Component Presentation Examples G Era designator Text AD y Year Year 199 ... 
- Angular JS 学习之路由
		1.AngularJS路由允许我们通过不同的URL访问不同的内容:通过AngularJS可以实现多视图的单页WEB访问(SPA) 2.通常我们的URL形式为http://runoob.com/firs ... 
- Angular JS 学习之Bootstrap
		1.要使用Bootstrap框架,必须在<head>中加入链接: <link rel="stylesheet" href="//maxcdn.boots ... 
- Angular js 之一些简单的js操作
		1.<div ng-if()> </div> 括号里面是布尔值 如果是false那么你ng-if的那个dom就会不显示.(感觉这是angular js中最给力的一点) 一般会 ... 
- angular.js初探
		2015年7月27日 22:26:35 星期一 用在我论坛里的小栗子: 先列出来一级回帖, 点击帖子前边的"查看回复"按钮无刷新的去请求该帖子的所有回复 首先要引用js文件, 我这 ... 
- Angular JS笔记
		1.引导程序 使用ng-app开始引导一个程序:标记了AngularJS应用的作用域 <!doctype html> <html lang="en" ng-app ... 
随机推荐
- Java中基本数据类型的对比记忆
			Java中八种基本类型数据情况: 数据类型 所占字节数 所占位数(二进制位数) 可表示范围 默认值 包装类 备注 byte(字节) 1 8 -128 - 127 0 Byte short(短整 ... 
- mysql 存储过程 游标的使用
			BEGINDECLARE id long;DECLARE Done INT DEFAULT 0;DECLARE userids CURSOR FOR SELECT userid from info_u ... 
- 介绍开源的.net通信框架NetworkComms框架 源码分析
			原文网址: http://www.cnblogs.com/csdev Networkcomms 是一款C# 语言编写的TCP/UDP通信框架 作者是英国人 以前是收费的 售价249英镑 我曾经花了 ... 
- 利用JDK(1.6及以上版本)创建WebService
			一.什么是WebService WebService是一个SOA(面向服务的编程)的架构,它是不依赖于语言,不依赖于平台,可以实现不同的语言间的相互调用,通过Internet进行基于Http协议的网络 ... 
- java获取classpath
			public class PathTest { public static void main(String[] args) { //获取根路径三种方式 System.out.println(Path ... 
- [题解]codevs1001 舒适的路线
			h3 { font-family: Consolas; color: #339966 } .math { font-family: Consolas; color: gray } 题目描述 Descr ... 
- Centos实现回收站机制
			作为一个运维人员,在服务器上删除文件时为了方便经常会直接使用rm *.txt这类通配符,甚至为了省事加-rf参数,如果是确定的话还好,要是在删除的时候一个不留神,那事可就大了. 俗话说常在河边站哪有不 ... 
- mysql创建新用户并分配数据库权限
			下面展示了如何在Linux中创建和设置一个MySQL用户. 首先以root身份登录到MySQL服务器中. $ mysql -u root -p 当验证提示出现的时候,输入MySQL的root帐号的密码 ... 
- sql模糊匹配中%、_的处理
			防sql注入之模糊匹配中%._处理: StringBuilder sbSql = new StringBuilder(); sbSql.Append(@"SELECT * from tabl ... 
- 使用mysql 命令行,增加 ,删除 字段 并 设置默认值 及 非空
			使用mysql 命令行,增加 ,删除 字段 并 设置默认值 及 非空 添加 alter table table_name add field_name field_type; 添加,并设置默认值,及非 ... 
