小編給大家分享一下Angularjs如何實現(xiàn)數(shù)組隨機排序的方法,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
為永興等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務,及永興網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為成都網(wǎng)站設計、成都網(wǎng)站建設、永興網(wǎng)站設計,以傳統(tǒng)方式定制建設網(wǎng)站,并提供域名空間備案等一條龍服務,秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
JS是JavaScript的簡稱,它是一種直譯式的腳本語言,其解釋器被稱為JavaScript引擎,是瀏覽器的一部分,主要用于web的開發(fā),可以給網(wǎng)站添加各種各樣的動態(tài)效果,讓網(wǎng)頁更加美觀。
如下所示:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>實現(xiàn)數(shù)組隨機排序</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如何實現(xiàn)數(shù)組隨機排序的方法”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
分享文章:Angularjs如何實現(xiàn)數(shù)組隨機排序的方法
本文URL:http://jinyejixie.com/article16/jjhigg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、手機網(wǎng)站建設、微信小程序、面包屑導航、虛擬主機、云服務器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)