Angularjs如何實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法

發(fā)布時(shí)間：2021-04-20 10:30:20 來(lái)源：億速云閱讀：157 作者：小新欄目：web開(kāi)發(fā)

小編給大家分享一下Angularjs如何實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

JS是什么

JS是JavaScript的簡(jiǎn)稱(chēng)，它是一種直譯式的腳本語(yǔ)言，其解釋器被稱(chēng)為JavaScript引擎，是瀏覽器的一部分，主要用于web的開(kāi)發(fā)，可以給網(wǎng)站添加各種各樣的動(dòng)態(tài)效果，讓網(wǎng)頁(yè)更加美觀。

如下所示：

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>實(shí)現(xiàn)數(shù)組隨機(jī)排序</title>
  //需要導(dǎo)入angular.js庫(kù)文件
  <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()">點(diǎn)擊隨機(jī)排序</button> <br>{{arr}}
  <!--{{arr}}<button ng-click="mySort2()">點(diǎn)擊隨機(jī)排序</button> {{newArr}}-->
 </body>
</html>

Angularjs如何實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法

看完了這篇文章，相信你對(duì)“Angularjs如何實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問(wèn)一下細(xì)節(jié)

Angularjs如何實(shí)現(xiàn)數(shù)組隨機(jī)排序的方法

JS是什么

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽