码迷,mamicode.com
首页 > Web开发 > 详细

Angular JS将数据显示为两列(html)

时间:2016-01-04 23:48:54      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

(数据为Array数组)使用AngularJS中ng-show="{{}}",其将数据按行分为奇数行和偶数行,$even是判断是否为奇数行[如果是则为true,不是则为false],$odd判断是否为偶数行,ng-show="{{$even/$odd}}"。根据读取数据的需要对需要隐藏的数据进行隐藏和显示。

在写js将数据分为两列时使用for循环取数据进行判断。

技术分享
 1 var oL = document.getElementById(‘L‘);
 2     var oR = document.getElementById(‘R‘);
 3     var    awarddata = new Array(); 
 4     var    awarddataJ = [],
 5         awarddataO = [];
 6 awarddata[0]=new Array(‘test‘,1);
 7         
 8     for(var i=0;i<awarddata.length;i++){
 9         if(i%2==0){
10             awarddataO.push(awarddata[i]);
11             var oUl = document.createElement(‘ul‘);
12             oUl.className = "clearfix";
13             oR.appendChild(oUl);
14             for(var j=0;j<awarddata[i].length;j++){
15                 var oLi = document.createElement(‘li‘);
16                 oLi.innerHTML = awarddata[i][j];
17                 oUl.appendChild(oLi);
18             }    
19         }else{
20             awarddataJ.push(awarddata[i]);
21             var oUl = document.createElement(‘ul‘);
22             oUl.className = "clearfix";
23             oL.appendChild(oUl);
24             for(var j=0;j<awarddata[i].length;j++){
25                 var oLi = document.createElement(‘li‘);
26                 oLi.innerHTML = awarddata[i][j];
27                 oUl.appendChild(oLi);
28             }
29         }
30     }
31 
32 /*var passArr = {};
33     for(var i=0;i<10;i++){
34         arr.push(parseInt(Math.random()*100));
35     }
36     pass(arr);
37     function pass(arr){
38         var arrJ = [],arrO = [];
39         for(var i=0;i<arr.length;i++){
40             if(arr[i]%2==0){
41                 arrO.push(arr[i]);
42             }else{
43                 arrJ.push(arr[i]);
44             }
45         }
46         passArr.j = arrJ;
47         passArr.o = arrO;
48         return passArr;
49     }
50     
51     alert(passArr.j+‘======‘+passArr.o);*/
View Code

 

Angular JS将数据显示为两列(html)

标签:

原文地址:http://www.cnblogs.com/LemonTree-7/p/5092188.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!