溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下Angularjs如何實現數組隨機排序的方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
JS是JavaScript的簡稱，它是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，主要用于web的開發，可以給網站添加各種各樣的動態效果，讓網頁更加美觀。
如下所示：
<!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如何實現數組隨機排序的方法”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
