Angularjs实现数组随机排序的方法

2019-11-19 12:47:28

字体：大中小

来源：转载

供稿：网友

如下所示：

<!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title>实现数组随机排序</title>  //需要导入angular.js库文件  <script type="text/javascript" src="../angular-1.5.5/angular-1.5.5/angular.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>

Angularjs 数组随机排序