angularjs实现数组随机排序

最新推荐文章于 2021-03-04 09:04:55 发布
最新推荐文章于 2021-03-04 09:04:55 发布
阅读量363 收藏
点赞数
分类专栏： HTML
<!DOCTYPE html>
 <html>

     <head>
         <meta charset="UTF-8">
         <title>实现数组随机排序</title>
     
         <script type="text/javascript" src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
         <script type="text/javascript">
             var app = angular.module("myApp", []);
             var arr1 = [1, 2, 3, 7, 4, 9, 5, 6];
             app.service("sortService", function() {
                 this.arr = [1, 2, 3, 7, 4, 9, 5, 6];
                 this.t;
                 this.mySort = function() {
                     //alert("haha");
                     for(var i = 0; i < this.arr.length; i++) {
                         var rand = parseInt(Math.random() * this.arr.length);
                         this.t = this.arr[rand];
                         this.arr[rand] = this.arr[i];
                         this.arr[i] = this.t;
                     }
                 }
             })
             app.controller("myCtrl", function($scope, sortService) {
                 $scope.arr = arr1;
                 $scope.newArr = sortService.arr;
                 $scope.mySort2 = sortService.mySort;
                
                 /*$scope.mySort2 = function(){
                     sortService.mySort();
                 }*/
             })
         </script>
     </head>

     <body ng-app="myApp" ng-controller="myCtrl">
         {{newArr}}<br><button ng-click="mySort2()">点击随机排序</button> <br>{{arr}}
         <!--{{arr}}<button ng-click="mySort2()">点击随机排序</button> {{newArr}}-->
     </body>

 </html>
w4270724
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Angularjs实现数组随机排序的方法
12-09
如下所示： <!...<... <head>...实现数组随机排序</title> //需要导入angular.js库文件 [removed][removed] [removed] var app = angular.module("myApp", []); var arr1 = [1, 2, 3
angular 对列表按某一字段进行排序，将多个数组合并成一个数组并按时间排序
qq_36557846的博客
05-08 1216
问题描述 对ngFor循环出的列表进行排序 解决方法：创建管道 新建管道 ng g pipe pipes/orderby orderby.pipe.ts import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'orderby' }) export class OrderbyPipe implements PipeTransform { transform(array: Array<string>, a
Angular实现 js 的 sort 方法
小妖666个人笔记
11-02 2115
sort() 方法用于对数组的元素进行排序，并返回数组。 默认排序顺序是根据字符串UniCode码。因为排序是按照字符串UniCode码的顺序进行排序的，所以首先应该把数组元素都转化成字符串（如有必要），以便进行比较。 语法：arrayObject.sort(sortby); 参数sortby 可选，用来规定排序的顺序，但必须是函数。 注意：数组在原数组上进行排序，不生成副本。 例一：...
Angular--返回数组内嵌套着数组排序法
weixin_44129689的博客
08-10 456
html <nz-table #nzTable [nzData]=""> <thead (nzSortChange)="sort($event)" nzSingleSort> <th nzShowSort nzSortKey=""></th> </thead> </nz-table> ts // 定义排序参数 public sortName = null; public sortValue = null; ..
angular8实现对象数组根据某个属性排序(多个也可以)
chun的博客
07-29 1311
代码中col是传进来的对象的属性名 toLowerCase()将字符串转换为小写。 arrayInfos是数组，存储的是对象 这里我是配上一个上下切换的箭头使用的，点击切换上下方向并且排序 sort方法排序操作的是原始数组 如果在属性相等的情况下，想根据另外字段排序就传入两个参数多写个if(c == d) {if(e>f) return -1} <th width="10%" (click)="sort('type')">类型 <span *ngIf="checked">&am
Angularjs实现数组随机排序
霸气的名字
09-19 1067
实现数组随机排序      //需要导入angular.js库文件                               var app = angular.module("myApp", []);             var arr1 = [1, 2, 3, 7, 4, 9, 5, 6];             app.service("sortService", fun
详解angularjs的数组传参方式的简单实现
10-19
本文将深入探讨AngularJS的数组传参方式及其简单实现。 在AngularJS中，当我们定义一个控制器或服务时，可以使用数组语法来声明其依赖。例如： ```javascript app.controller('MyController', ['$scope', '$http',...
angularjs-arrays:AngularJs 的数组函数
06-22
angularjs 数组AngularJs 的数组函数这些函数是基于性能实现的，就像 php 函数一样。安装只需下载 .js 文件包含到你的 index.htmlmain 文件中，如：``` src="scripts/libs/Array.js" ```注射.controller('UsersCtrl'...
angularjs根据json数组中某一属性进行排序
斯维特哈特
08-01 3399
在实际的开发工作中遇到了这样一个问题，项目后台返回的数组data是json格式的 如图： 我需要根据其中的time属性值对数组进行排序。 首先，我不考虑时间的格式，去网上找了排序方式，自己尝试，具体实现代码： data.sort(this.sortId); sortId(a,b){ return a.time - b.time; } 参考资料：js中json对象数组按对象...
Angularjs 排序
l6666_6666的博客
02-02 772
&lt;!DOCTYPE html&gt;&lt;html ng-app="App"&gt; &lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body ng-controller="Democtrl"
AngularJS操作数组
热门推荐
qq_36341800的博客
07-26 2万+
angularJS的数组操作的方法 1.数组的创建 有以下三种方法 (1)  var arrayObj = new Array(); //创建一个数组 (2)  var arrayObj = new Array([size]); //创建一个数组并指定长度 (3) var arrayObj = new Array([element0, element1, element2, el
AngularJS实现数据的过滤与排序
乐亦亦乐的博客
10-18 2457
设计一个程序：实现一个动态的学习计划完成情况表排序过滤的设计 实验要求：1、 设计web前端界面 2、 利用angularJS中的依赖注入实现数据的双向绑定 3、 界面信息要包含：姓名，学号，一周学习安排，完成情况 4、 进阶要求：能实现数据的过滤与排序 完整代码 index.html &lt;!DOCTYPE html&gt; &lt;html ng-app="myApp"&gt; &lt;h...
AngularJS 排序
ms
11-23 1123
AngularJS 排序
Angular Json数组排序
u011585024的博客
03-04 417
背景 现有数据源，格式如下： export const students = [ { school: 'hx11', grade: 'one', name: 'zy', course: 'math', fraction: '80.01234567', average: '80' }, { school: 'hx11', grade: 'one', name: 'zy', course: 'chinese', fraction: '81.01234567', average: '80' }, { s.
angular.js实现列表orderby排序
菜刀居士的专栏
04-05 2万+
ng-app>     order by                          ng-controller="demoController">                                       编号             国家             名称              年龄           
一个对象数组，根据对象中的一个属性排序
qq_37344190的博客
05-01 1880
function compareKey(propName){     return function(obj1,obj2){         if(obj1[propName]&lt;obj2[propName]){             return -1;         }else if(obj1[propName]===obj2[propName]){             retur...
angular排序和删除
zhuc666的博客
10-15 330
html> html> head> meta charset="UTF-8"> title>第二周预测题title> script type="text/javascript" src="../AngularJS/angular.js" >script> script> var app = angular.module("myApp",[]);
angularjs实现数组排序
最新发布
08-22
在 AngularJS 中，你可以使用内置的 `orderBy` 过滤器来实现数组排序。以下是一个示例： ```html <!DOCTYPE html> <title>AngularJS Sort Array <script src="https://ajax.googleapis.com/ajax/libs/angularjs...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值