javascript - 为什么我的 Angular 函数在 Android 和 Windows 中有效，但在 iOS 中无效？

Question

我有一个类似 tinder 的 Angular 应用程序 here .

向右滑动 4 次后，您应该会被带到一个新页面。但是，在任何 iPhone、iPad 或 Mac 设备上它都不起作用。这适用于桌面和移动设备上的 Chrome 和 firefox。

我收到的错误是'undefined' is not a function (evaluating 'Object.values(frequency)')

它指向第 74 行的 controller.js。这是我的整个 controller.js 文件:

angular.module('black-label', ['ngTouch', 'ngSwippy'])
.controller('MainController', function($scope, $timeout, $window) {
    $scope.cardsCollection = [{thumbnail:'images/deck/thor_01.jpg',collection:'thoroughbred',},{thumbnail:'images/deck/thor_02.jpg',collection:'thoroughbred',},{thumbnail:'images/deck/thor_03.jpg',collection:'thoroughbred',},{thumbnail:'images/deck/thor_04.jpg',collection:'thoroughbred',},{thumbnail:'images/deck/thor_05.jpg',collection:'thoroughbred',},{thumbnail:'images/deck/thor_06.jpg',collection:'thoroughbred',},{thumbnail:'images/deck/rhap_01.jpg',collection:'rhapsody',},{thumbnail:'images/deck/rhap_02.jpg',collection:'rhapsody',},{thumbnail:'images/deck/rhap_03.jpg',collection:'rhapsody',},{thumbnail:'images/deck/rhap_04.jpg',collection:'rhapsody',},{thumbnail:'images/deck/rhap_05.jpg',collection:'rhapsody',},{thumbnail:'images/deck/rhap_06.jpg',collection:'rhapsody',},{thumbnail:'images/deck/cha_01.jpg',collection:'chalet',},{thumbnail:'images/deck/cha_02.jpg',collection:'chalet',},{thumbnail:'images/deck/cha_03.jpg',collection:'chalet',},{thumbnail:'images/deck/cha_04.jpg',collection:'chalet',},{thumbnail:'images/deck/cha_05.jpg',collection:'chalet',},{thumbnail:'images/deck/cha_06.jpg',collection:'chalet',},{thumbnail:'images/deck/mod_01.jpg',collection:'modern',},{thumbnail:'images/deck/mod_02.jpg',collection:'modern',},{thumbnail:'images/deck/mod_03.jpg',collection:'modern',},{thumbnail:'images/deck/mod_04.jpg',collection:'modern',},{thumbnail:'images/deck/mod_05.jpg',collection:'modern',},{thumbnail:'images/deck/mod_06.jpg',collection:'modern',},{thumbnail:'images/deck/ind_01.jpg',collection:'indulgence',},{thumbnail:'images/deck/ind_02.jpg',collection:'indulgence',},{thumbnail:'images/deck/ind_03.jpg',collection:'indulgence',},{thumbnail:'images/deck/ind_04.jpg',collection:'indulgence',},{thumbnail:'images/deck/ind_05.jpg',collection:'indulgence',},{thumbnail:'images/deck/ind_06.jpg',collection:'indulgence',},{thumbnail:'images/deck/cnt_01.jpg',collection:'center-stage',},{thumbnail:'images/deck/cnt_02.jpg',collection:'center-stage',},{thumbnail:'images/deck/cnt_03.jpg',collection:'center-stage',},{thumbnail:'images/deck/cnt_04.jpg',collection:'center-stage',},{thumbnail:'images/deck/cnt_05.jpg',collection:'center-stage',},{thumbnail:'images/deck/cnt_06.jpg',collection:'center-stage',},{thumbnail:'images/deck/vin_01.jpg',collection:'vineyard',},{thumbnail:'images/deck/vin_02.jpg',collection:'vineyard',},{thumbnail:'images/deck/vin_03.jpg',collection:'vineyard',},{thumbnail:'images/deck/vin_04.jpg',collection:'vineyard',},{thumbnail:'images/deck/vin_05.jpg',collection:'vineyard',},{thumbnail:'images/deck/vin_06.jpg',collection:'vineyard',}];
    // Do the shuffle
    var shuffleArray = function(array) {
        var m = array.length,
            t, i;
        // While there remain elements to shuffle
        while (m) {
            // Pick a remaining element
            i = Math.floor(Math.random() * m--);
            // And swap it with the current element.
            t = array[m];
            array[m] = array[i];
            array[i] = t;
        }
        return array;
    };
    $scope.deck = shuffleArray($scope.cardsCollection);
    $scope.myCustomFunction = function() {
        $timeout(function() {
            $scope.clickedTimes = $scope.clickedTimes + 1;
            $scope.actions.unshift({ name: 'Click on item' });
        });
    }; //end myCustomFunction
    $scope.count = 0;
    $scope.showinfo = false;
    $scope.clickedTimes = 0;
    $scope.actions = [];
    $scope.picks = [];
    var counterRight = 0;
    var counterLeft = 0;
    var newVar = $scope;
    $scope.swipeend = function() {
        $scope.actions.unshift({ name: 'Collection Empty' });
        $window.location.href = 'theme-default.php';
    }; //endswipeend
    $scope.swipeLeft = function(person) {
        //Essentially do nothing
        $scope.actions.unshift({ name: 'Left swipe' });
        $('.circle.x').addClass('dislike');
        $('.circle.x').removeClass('dislike');
        $(this).each(function() {
            return counterLeft++;
        });
    }; //end swipeLeft
    $scope.swipeRight = function(person) {
        $scope.actions.unshift({ name: 'Right swipe' });
        // Count the number of right swipes
        $(this).each(function() {
            return counterRight++;
        });
        $scope.picks.push(person.collection);
        // Checking the circles
        $('.circle').each(function() {
            if (!$(this).hasClass('checked')) {
                $(this).addClass('checked');
                return false;
            }
        });
        if (counterRight === 4) {
            // Calculate and store the frequency of each swipe
            var frequency = $scope.picks.reduce(function(frequency, swipe) {
                var sofar = frequency[swipe];
                if (!sofar) {
                    frequency[swipe] = 1;
                } else {
                    frequency[swipe] = frequency[swipe] + 1;
                }
                return frequency;
            }, {});
            var max = Math.max.apply(null, Object.values(frequency)); // most frequent
            // find key for the most frequent value
            var winner =Object.keys(frequency).find(function (element) { return frequency[element] == max; });
            $window.location.href = 'theme-' + winner + '.php';
        } //end 4 swipes
    }; //end swipeRight
})
.directive('ngSwippy', ['swipe', function(swipe) {
    return {
        restrict: 'E',
        link: function (scope, element, attrs, controller) {
            $(".fake-swipe").on("click", function(evt) {
                angular.element(this).addClass('happy');
                angular.element(this).removeClass('happy');
                var sign = $(this).hasClass("swippy-like")?1:-1;
                var card = $("div.content-wrapper.swipable-card:last", element/*"div.ng-swippy"*/);
                card.trigger("mousedown");
                card.animate({ left:sign*$("body").width() }, 350, function() {
                  card.trigger("mouseup");
                });
                setTimeout(function() {
                  card.trigger("mousemove");
                },300);
            });
        }
    }
}]);

我不确定我做错了什么。一定有什么我想念的。请帮忙!

感谢任何帮助

Answer 1

Object.values() 是一项实验性功能，受 Chrome 和 Firefox 支持，但不受 Internet Explorer、Opera 或 Safari 支持。

参见 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Object/values#Browser_compatibility

该链接页面还将引导您找到一些 polyfill 脚本，您可以包含这些脚本以在当前不支持它的浏览器中添加缺失的功能。