<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>實現陣列隨機排序</title>
   
        <script type="text/javascript" src="lib/js/angular/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() {
					//改變陣列元素的位置
                    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>