Angular.js: IOS 9 w/UIWebView पर स्थान परिवर्तन पर अनंत डाइजेस्ट (Safari/WKWebView में नहीं)

को निर्मित 30 जून 2015 · 154टिप्पणियाँ · स्रोत: angular/angular.js

निम्नलिखित सरल HTML समस्या को प्रदर्शित करता है:

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-route.js"></script>
        <script>
            angular.module('fail', ['ngRoute'])
            .config(function($routeProvider) {
                $routeProvider
                .when('/a', {
                    template: '<a ng-href="#/b">a</a>'
                })
                .when('/b', {
                    template: '<a ng-href="#/a">b</a>'
                })
                .otherwise({
                    redirectTo: '/a'
                });
            });
        </script>
    </head>
    <body ng-app="fail">
        <div ng-view></div>
    </body>
</html>

यह अधिकांश उपकरणों पर अपेक्षित रूप से चलता है, लेकिन यह आईओएस 9 पर एक अनंत डाइजेस्ट अपवाद फेंकता है।
मैं आईओएस 9 बीटा 2 के साथ आईपैड एयर 2 और आईपैड चौथी पीढ़ी दोनों पर पुन: पेश करने में सक्षम हूं।
मुझे एहसास है कि यह शायद आईओएस में एक मुद्दा है, लेकिन यह अभी भी जांच के लायक हो सकता है।

iOS $location bug

स्रोत

ttopalov

सबसे उपयोगी टिप्पणी

इस पर थोड़ा और आगे बढ़े। मैंने स्थान के संबंध में कोणीय में परिवर्तन किया है।
"अपडेट ब्राउज़र" भाग में, मैंने $rootScope.$evalAsync को $rootScope.$applyAsync में बदल दिया है।

ऐसा लगता है कि दो विधियां बिल्कुल वही काम करती हैं। अंतर तब तक स्पष्ट नहीं होता जब तक आप वास्तविक $digest निष्पादन को नहीं देखते। जब AngularJS एक डाइजेस्ट को निष्पादित करता है, तो यह स्कोप ट्री पर चलता है और $watch() बाइंडिंग निष्पादित करता है जब तक कि कोई और गंदा डेटा उत्पन्न नहीं होता है। इस जीवनचक्र के दौरान, $applyAsync() क्यू और $evalAsync() क्यू दोनों फ़्लश हो जाते हैं; लेकिन, यह दो अलग-अलग जगहों पर होता है।

$applyAsync() कतार केवल $digest के शीर्ष पर फ़्लश हो जाती है इससे पहले कि AngularJS गंदे डेटा की जाँच शुरू करे। इस प्रकार, $applyAsync() कतार को $digest के दौरान अधिक से अधिक एक बार फ्लश किया जाएगा और केवल तभी फ़्लश किया जाएगा जब कतार $digest शुरू होने से पहले ही पॉप्युलेट हो गई हो।

दूसरी ओर, $evalAsync() कतार, उस समय-लूप के शीर्ष पर फ़्लश की जाती है जो $digest के अंदर "डर्टी चेक" को लागू करता है। इसका मतलब है कि डाइजेस्ट के दौरान $evalAsync() कतार में जोड़े गए किसी भी एक्सप्रेशन को उसी डाइजेस्ट में बाद के बिंदु पर निष्पादित किया जाएगा।

इस अंतर को और अधिक ठोस बनाने के लिए, इसका मतलब है कि $evalAsync() द्वारा $watch() बाइंडिंग के भीतर से जोड़े गए एसिंक्रोनस एक्सप्रेशन उसी डाइजेस्ट में निष्पादित होंगे। एक $watch() बाइंडिंग के भीतर से $applyAsync() द्वारा जोड़े गए एसिंक्रोनस एक्सप्रेशन बाद के समय (~10ms) पर निष्पादित होंगे।

आशा है कि यह पहले से ही आप में से कुछ की मदद करता है :-)।


// update browser
    $rootScope.$watch(function $locationWatch() {
      var oldUrl = trimEmptyHash($browser.url());
      var newUrl = trimEmptyHash($location.absUrl());
      var oldState = $browser.state();
      var currentReplace = $location.$$replace;
      var urlOrStateChanged = oldUrl !== newUrl ||
        ($location.$$html5 && $sniffer.history && oldState !== $location.$$state);

      if (initializing || urlOrStateChanged) {
        initializing = false;

        $rootScope.$applyAsync(function() {
          var newUrl = $location.absUrl();
          var defaultPrevented = $rootScope.$broadcast('$locationChangeStart', newUrl, oldUrl,
              $location.$$state, oldState).defaultPrevented;

          // if the location was changed by a `$locationChangeStart` handler then stop
          // processing this location change
          if ($location.absUrl() !== newUrl) return;

          if (defaultPrevented) {
            $location.$$parse(oldUrl);
            $location.$$state = oldState;
          } else {
            if (urlOrStateChanged) {
              setBrowserUrlWithFallback(newUrl, currentReplace,
                                        oldState === $location.$$state ? null : $location.$$state);
            }
            afterLocationChange(oldUrl, oldState);
          }
        });
      }

      $location.$$replace = false;

      // we don't need to return anything because $evalAsync will make the digest loop dirty when
      // there is a change
    });

raftheunis87 13 अग॰ 2015

👍2

सभी 154 टिप्पणियाँ

मैं इसी तरह के मुद्दे से मिला, जो आईओएस 9 पर हुआ, लेकिन अन्य उपकरणों पर ठीक चलता है।

cxm01 1 जुल॰ 2015

मैंने इस मुद्दे को 1.4.1 / ios 9 पर सैंटास्लो द्वारा प्रदान किए गए समान कोड के साथ पुन: प्रस्तुत किया:

<!DOCTYPE html>
<html>
<head>
    <script src="../static/js/angular/angular.1.4.1.js"></script>
    <script src="../static/js/angular-route/angular-route.1.4.1.js"></script>
    <script>
        angular.module('fail', ['ngRoute'])
                .config(function ($routeProvider) {
                    $routeProvider
                            .when('/a', {
                                template: '<a ng-href="#/b">a</a>'
                            })
                            .when('/b', {
                                template: '<a ng-href="#/a">b</a>'
                            })
                            .otherwise({
                                redirectTo: '/a'
                            });
                }).factory('$exceptionHandler', ['$log', function($log) {
                    return function(exception, cause) {
                        var message = 'angularjs exception: '+exception.message+': caused by "' + cause+ '\njs stack:\n'+exception.stack;
                        $log.error(message);
                    };
                }]);
    </script>
</head>
<body ng-app="fail">
<div ng-view></div>
</body>
</html>

उपरोक्त कोड सामान्य रूप से डेस्कटॉप ब्राउज़र, एंड्रॉइड और आईओएस 8 वेबव्यू पर चलता है, लेकिन आईओएस 9 पर जब मैं लिंक पर क्लिक करता हूं तो यह अपवाद फेंक देगा

2015-07-02 11:00:09 ... angularjs exception: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations: []
http://errors.angularjs.org/1.4.1/$rootScope/infdig?p0=10&p1=%5B%5D: caused by "undefined
js stack:
file:///.../static/js/angular/angular.js:68:32
$digest<strong i="10">@file</strong>:///.../static/js/angular/angular.js:15705:35
$apply<strong i="11">@file</strong>:///.../static/js/angular/angular.js:15935:31
file:///.../static/js/angular/angular.js:12070:30
eventHandler<strong i="12">@file</strong>:///.../static/js/angular/angular.js:3264:25

cxm01 2 जुल॰ 2015

मैं अब iOS 9 बीटा 3 में पुन: पेश नहीं कर सकता।

ttopalov 9 जुल॰ 2015

मुझे ios9 सार्वजनिक बीटा (13A4293g) के साथ एक ही त्रुटि प्राप्त होती है

aexei 11 जुल॰ 2015

मैंने उपरोक्त कोड को ios 9 बीटा 3 (13A4293g) पर सत्यापित किया, अब कोई अपवाद नहीं है। लेकिन एनजी-व्यू का उपयोग करने वाला ऐप अभी भी आईओएस 9 बीटा 3 पर इंफडिग अपवाद फेंकता है।

cxm01 13 जुल॰ 2015

मुझे ios9 सार्वजनिक बीटा (13A4293g) के साथ एक ही त्रुटि प्राप्त होती है

त्रुटि: [$ rootScope: infdig ] 10 $digest() पुनरावृत्तियों तक पहुंच गया। गर्भपात!
पिछले ५ पुनरावृत्तियों में पहरेदारों ने निकाल दिया: []
http://errors.angularjs.org/1.3.13/ $rootScope/infdig?p0=10&p1=%5B%5D
फ़ाइल:///उपयोगकर्ता/मैक5/लाइब्रेरी/डेवलपर/कोरसिम्युलेटर/डिवाइस/749DE7E3-D93F-47F9-A1FC-E3D54A1CCEEE/डेटा/कंटेनर/बंडल/एप्लिकेशन/9B5EE368-F2A0-4C99-807B-EA17B2479E58/www /lib/ionic/js/ionic.bundle.js:8762:32
$digest@file :///Users/mac5/Library/Developer/CoreSimulator/Devices/749DE7E3-D93F-47F9-A1FC-E3D54A1CCEEE/data/Containers/Bundle/Application/9B5EE368-F2A0-4C99-807B-EA17Bshop. ऐप/www/lib/ionic/js/ionic.bundle.js:22980:35
$apply@file : /// उपयोगकर्ता/mac5/लाइब्रेरी/डेवलपर/कोर सिम्युलेटर/डिवाइस/749DE7E3-D93F-47F9-A1FC-E3D54A1CCEEE/डेटा/कंटेनर/बंडल/एप्लिकेशन/9B5EE368-F2A0-4C99-807B-EA17Bshop. ऐप/www/lib/ionic/js/ionic.bundle.js:23205:31
file:///Users/mac5/Library/Developer/CoreSimulator/Devices/749DE7E3-D93F-47F9-A1FC-E3D54A1CCEEE/data/Containers/Bundle/Application/9B5EE368-F2A0-4C99-807B-EA17B2479E58/www /lib/ionic/js/ionic.bundle.js:54879:24
eventHandler @file :///Users/mac5/Library/Developer/CoreSimulator/Devices/749DE7E3-D93F-47F9-A1FC-E3D54A1CCEEE/data/Containers/Bundle/Application/9B5EE368-F2A0-4C99-807B-EA17Bhops.app /www/lib/ionic/js/ionic.bundle.js:11713:25
डिस्पैचइवेंट @ [मूल कोड]
ट्रिगरमाउसइवेंट@फ़ाइल : ///उपयोगकर्ता/मैक5/लाइब्रेरी/डेवलपर/कोरसिम्युलेटर/डिवाइस/749DE7E3-D93F-47F9-A1FC-E3D54A1CCEEE/डेटा/कंटेनर/बंडल/एप्लिकेशन/9B5EE368-F2A0-4C99-807B-EA17B /www/lib/ionic/js/ionic.bundle.js:2863:20
TapClick@file :///Users/mac5/Library/Developer/CoreSimulator/Devices/749DE7E3-D93F-47F9-A1FC-E3D54A1CCEEE/data/Containers/Bundle/Application/9B5EE368-F2A0-4C99-807B-EA17B2479Eapp. /www/lib/ionic/js/ionic.bundle.js:2852:20
TapTouchEnd@file :///Users/mac5/Library/Developer/CoreSimulator/Devices/749DE7E3-D93F-47F9-A1FC-E3D54A1CCEEE/data/Containers/Bundle/Application/9B5EE368-F2A0-4C99-807B-EA17B /www/lib/ionic/js/ionic.bundle.js:2975:13

arkomr 13 जुल॰ 2015

हमें यह त्रुटि आईओएस 9 के सार्वजनिक बीटा 3 पर अपने स्वयं के कोणीय एप्लिकेशन के साथ भी प्राप्त हो रही है। यह आईओएस 8 में नहीं होता है।

epaga 15 जुल॰ 2015

वर्कअराउंड के रूप में, मैंने ng-view और angular-route.js को बदलने के लिए एक सरल निर्देश लिखा। समाधान ने हमारे अपने आवेदन में अच्छी तरह से काम किया, आईओएस 9 बीटा/बीटा 3 पर सभी infdig अपवाद गायब हो गए। नीचे सरलीकृत कोड है, जो सिर्फ हमारे अपने आवेदन के लिए है, सामान्य उपयोग के मामलों पर विचार नहीं किया जाता है। मैं अन्य लोगों को इसका उपयोग करने की अनुशंसा नहीं करता:

(function (window) {
    'use strict';

    var myApp = angular.module("myApp");
    var $route = {};

    // replace $routeProvider.when with the function below:
    window.routeWhen = function(path, route) {
        $route[path] = route;
    };

    myApp.directive("myView", ['$compile', '$controller', '$http', '$rootScope', function ($compile, $controller, $http, $rootScope) {

        return {
            priority: -400,
            link: function (scope, element) {
                var parentScope = scope;
                scope = null;

                window.updateView = function (path) {
                    location.hash = '#'+url;
                    if (scope) scope.$destroy();
                    scope = parentScope.$new();

                    var route = $route[path];

                    var linkView = function(html) {
                        element.html(html);
                        var link = $compile(element.contents());
                        var controller = $controller(route.controller, {$scope: scope});
                        element.data('$ngControllerController', controller);
                        element.children().data('$ngControllerController', controller);
                        link(scope);
                        scope.$emit('$viewContentLoaded');
                        if (!$rootScope.$$phase && !scope.$$phase) scope.$apply();
                    };
                    if (route.templateCache) linkView(route.templateCache)
                    else if (route.template) {
                        route.templateCache = document.getElementById(route.template).innerHTML;
                        linkView(route.templateCache)
                    }
                    else $http.get(route.templateUrl;).success(function(html) {
                        route.templateCache = html;
                        linkView(html);
                    });
                };
                //updateView(initialPath);
                // call updateView(path) to set location at other places of the app
            }
        };
    }]);

})(window)

cxm01 15 जुल॰ 2015

बस iOS 9 बीटा 4 स्थापित किया और अभी भी वही समस्या है। कोई और?

raftheunis87 22 जुल॰ 2015

मैंने इसे आईओएस 9 बीटा 3 में देखा और मैं इसे अभी भी आईओएस 9 बीटा 4 में देख रहा हूं।

craig-at-rsg 22 जुल॰ 2015

aexei 22 जुल॰ 2015

हाँ, हम एक ही समस्या को कोणीय यूआई राउटर के साथ भी देख रहे हैं। क्या इस बीच इस मुद्दे के लिए किसी के पास वैध कामकाज है?

vincentdu101 29 जुल॰ 2015

नवीनतम iOS9 पर uiWebView में एक ही समस्या को देखते हुए।

viattik 31 जुल॰ 2015

क्या किसी के पास इस मुद्दे पर कोई अपडेट है?

raftheunis87 3 अग॰ 2015

यह अभी भी एक मुद्दा है। पुन: खोलने से

lgalfaso 3 अग॰ 2015

यह एक आईओएस मुद्दे की तरह दिखता है। क्या इसे वेबकिट पर कहीं ट्रैक किया गया है?

Narretz 4 अग॰ 2015

mike1e 4 अग॰ 2015

RolfDeVries 5 अग॰ 2015

मुझे भी। आईपैड सफारी पर वेब के रूप में चलने पर हमारा कॉर्डोवा ऐप ठीक चलता है, लेकिन अनंत डाइजेस्ट तब होता है जब यह कॉर्डोवा ऐप (UIWebView) के रूप में चलता है।

borrull 5 अग॰ 2015

बिल्कुल वैसी ही समस्याएं जैसे @borrull ! WKWebView के साथ पहले ही प्रयोग किया जा चुका है और फिर समस्या मौजूद नहीं है। लेकिन हम WKWebView का उपयोग नहीं कर सकते क्योंकि हमें स्थानीय फ़ाइल सेवा की आवश्यकता है (और हम अपने एप्लिकेशन में स्थानीय सर्वर नहीं चलाना चाहते हैं) और कुकीज़। तो इसे आईओएस 9 पर कॉर्डोवा/मोबाइल सफारी के संयोजन में UIWebView के साथ कुछ करना है। मैं वर्तमान में कोणीय में $ locationWatch डीबग कर रहा हूं क्योंकि मुझे लगता है कि हमारा एप्लिकेशन एक अलग स्थान पर कई बार संक्रमण करना चाहता है और फिर (10 बार के बाद) ) डाइजेस्ट एरर फेंक दिया जाता है।

raftheunis87 5 अग॰ 2015

iOS9 बीटा4 पर यहाँ भी यही समस्या है
कोणीय अनंत $ डाइजेस्ट लूप ;(

axelsegers 5 अग॰ 2015

+1, केवल UIWebView में, WKWebView में नहीं, लेकिन हम अपने कॉर्डोवा ऐप में केवल UIWebView का उपयोग कर सकते हैं।

andyverbunt 5 अग॰ 2015

laurentverbruggen 5 अग॰ 2015

यदि यह एक आईओएस विशिष्ट मुद्दा है, तो कृपया वेबकिट इश्यू ट्रैकर पर एक मुद्दा खोलें और एक डेमो प्रदान करें! +1 यहां कुछ भी बदलने की संभावना नहीं है, क्योंकि यह वास्तव में ब्राउज़र बग की तरह लगता है।

Narretz 5 अग॰ 2015

क्या किसी ने इस बग की सूचना Apple को जांच के लिए दी थी?

aexei 6 अग॰ 2015

मैंने सेब को इस बग की सूचना दी। लेकिन हो सकता है कि बग पर उनका ध्यान आकर्षित करने के लिए आप सभी को ऐसा ही करना चाहिए।

axelsegers 6 अग॰ 2015

क्या आप हमें एक लिंक दे सकते हैं ताकि हम +1 कर सकें?

RolfDeVries 6 अग॰ 2015

यह बग रिपोर्टर के माध्यम से हमारे व्यक्तिगत ऐप्पल खाते में है .. इसलिए कोई सार्वजनिक लिंक नहीं ;(

axelsegers 6 अग॰ 2015

क्या आप इसे openradar पर पोस्ट कर सकते हैं और rdar id साझा कर सकते हैं ताकि हम इसे धोखा दे सकें!

epaga 6 अग॰ 2015

iOS9 बीटा 5 पर भी ऐसा ही:
मोबाइल सफारी में काम करता है
WKWebview पर काम करता है जिसका हम उपयोग नहीं कर सकते क्योंकि यह स्थानीय फाइलों की सेवा नहीं कर सकता है और NSProtocol का समर्थन नहीं करता है
UIWebView पर काम नहीं करता है

axelsegers 7 अग॰ 2015

यहां आईओएस 9 बीटा 5 पर भी ऐसा ही है

mk2988 7 अग॰ 2015

मैंने ऐप्पल के साथ भी एक बग दायर किया। ओपन राडार लिंक है: https://openradar.appspot.com/22186109 (इससे आलसी लोगों को बग फाइल करने में मदद मिलनी चाहिए)। यदि आप बग शब्द/स्पष्टीकरण में सुधार कर सकते हैं तो कृपया टिप्पणी दें ;-) आप ओपन राडार टिकट पर बग फाइलिंग के साथ संलग्न करने के लिए एक्सकोड प्रोजेक्ट डाउनलोड कर सकते हैं (ओपी में जेएस के लिए

borrull 7 अग॰ 2015

मैंने उसी एक्सकोड प्रोजेक्ट का एक संस्करण बनाया है (@borrull से) लेकिन एनजी-रूट के बजाय यूई-राउटर के साथ। बिल्कुल वही मुद्दा। रुचि रखने वाले लोगों के लिए, आप यहां परियोजना पा सकते हैं: http://s000.tinyupload.com/index.php?file_id=87281871603760127355

raftheunis87 7 अग॰ 2015

हम भी इस प्रकार मुद्दा देख रहे हैं। मैं इस मुद्दे का पीछा करने में सक्षम था कि स्थान। * कोणीय मिश्रण में होने पर गुण तुरंत अपडेट नहीं हो रहे हैं। यदि आप स्थान.हैश (जैसे स्थान सेवा के पीछे क्या किया जा रहा है) के लिए एक मान निर्दिष्ट करने का प्रयास करते हैं, तो तुरंत इसे वापस पढ़ें, मान नहीं बदला है। ऐसा प्रतीत होता है कि पॉपस्टेट और हैशचेंज घटनाओं से जुड़े jqlite हैंडलर के परिणामस्वरूप कुछ दुष्प्रभाव हो रहे हैं।

जब मैं कंप्यूटर पर होता हूँ तो मैं एक नमूना लेने की कोशिश करूँगा और अपलोड करूँगा।

CleverCoder 7 अग॰ 2015

abrahamrkj 8 अग॰ 2015

@CleverCoder नमूने पर कोई अपडेट?

raftheunis87 10 अग॰ 2015

मुझे सुबह में रेप्रो केस खत्म करना होगा, क्योंकि कोड के रूप में मुझे पूरे सप्ताहांत में बांधा गया है। थपथपाने के लिए धन्यवाद! जैसा कि iOS 9 की गिनती होती है, इसे हल करने में हमारा निहित स्वार्थ है। मैं जल्द से जल्द कुछ अपलोड करूंगा।

CleverCoder 10 अग॰ 2015

mk2988 10 अग॰ 2015

मैंने जो मूल कारण माना है उसे पुन: प्रस्तुत किया है, जहां स्थान हैश या href गुण सेट करना तुरंत "लागू" नहीं होता है।
यहाँ XCode प्रोजेक्ट का लिंक दिया गया है:
https://www.dropbox.com/s/2jkwv2thhm86nly/iOS%209%20Location%20Bug.zip?dl=0
अगर आप फ़ाइल तक नहीं पहुंच पा रहे हैं तो मुझे बताएं।

परिणामी मान को location.hash में देखें, साथ ही सफारी को डीबग करने के लिए संलग्न करें। ऐसा लगता है कि 'पॉपस्टेट' और 'हैशचेंज' इवेंट्स पर आधारित कुछ इवेंट प्लंबिंग के परिणामस्वरूप बदलाव को टालने वाला कुछ है।

मुझे आशा है कि यह मददगार है।

शॉन

CleverCoder 10 अग॰ 2015

हम State.go का उपयोग करने के बजाय window.location.href का उपयोग कर रहे हैं और ऐसा लगता है कि यह अभी काम कर रहा है। कम छोटी गाड़ी।

mike1e 10 अग॰ 2015

लोकेशन.हैश का मान रनलूप के एक स्पिन के बाद सही होगा। एंगुलर आसानी से लोकेशन में देरी करके इस समस्या को हल कर सकता है। मुझे लगता है कि यह angular.js/src/ng/location.js में ~ 2 परिवर्तन होगा।

hober 10 अग॰ 2015

@hober ने इस तरह कोणीय के साथ टाइमआउट की कोशिश की:

// update $location when $browser url changes
    $browser.onUrlChange(function(newUrl, newState) {
      $rootScope.$evalAsync(function() {
        var oldUrl = $location.absUrl();
        var oldState = $location.$$state;
        var defaultPrevented;

        $location.$$parse(newUrl);
        $location.$$state = newState;

        defaultPrevented = $rootScope.$broadcast('$locationChangeStart', newUrl, oldUrl,
            newState, oldState).defaultPrevented;

        // if the location was changed by a `$locationChangeStart` handler then stop
        // processing this location change
        if ($location.absUrl() !== newUrl) return;

        if (defaultPrevented) {
          $location.$$parse(oldUrl);
          $location.$$state = oldState;
          setTimeout(function(){ setBrowserUrlWithFallback(oldUrl, false, oldState) }, 0);
        } else {
          initializing = false;
          afterLocationChange(oldUrl, oldState);
        }
      });
      if (!$rootScope.$$phase) $rootScope.$digest();
    });

तथा

// update browser
    $rootScope.$watch(function $locationWatch() {
      var oldUrl = trimEmptyHash($browser.url());
      var newUrl = trimEmptyHash($location.absUrl());
      var oldState = $browser.state();
      var currentReplace = $location.$$replace;
      var urlOrStateChanged = oldUrl !== newUrl ||
        ($location.$$html5 && $sniffer.history && oldState !== $location.$$state);

      if (initializing || urlOrStateChanged) {
        initializing = false;

        $rootScope.$evalAsync(function() {
          var newUrl = $location.absUrl();
          var defaultPrevented = $rootScope.$broadcast('$locationChangeStart', newUrl, oldUrl,
              $location.$$state, oldState).defaultPrevented;

          // if the location was changed by a `$locationChangeStart` handler then stop
          // processing this location change
          if ($location.absUrl() !== newUrl) return;

          if (defaultPrevented) {
            $location.$$parse(oldUrl);
            $location.$$state = oldState;
          } else {
            if (urlOrStateChanged) {
              setTimeout(function(){ setBrowserUrlWithFallback(newUrl, currentReplace,
                  oldState === $location.$$state ? null : $location.$$state) }, 0);
            }
            afterLocationChange(oldUrl, oldState);
          }
        });
      }

      $location.$$replace = false;

      // we don't need to return anything because $evalAsync will make the digest loop dirty when
      // there is a change
    });

तो मैंने setBrowserUrlWithFallback विधि के आस-पास एक सेटटाइम जोड़ा लेकिन यह समस्या का समाधान नहीं करता है।

raftheunis87 11 अग॰ 2015

यहाँ एक छोटा परीक्षण मामला है जो कोणीय पर निर्भर नहीं करता है, और यह समाधान को प्रदर्शित करता है। एंगुलर में वर्कअराउंड को वास्तव में कैसे लागू किया जाए यह मेरे लिए स्पष्ट नहीं है। https://gist.github.com/hober/a29b6c28ac1744c800dd

hober 11 अग॰ 2015

आशा है कि यह पहले से ही आप में से कुछ की मदद करता है :-)।


// update browser
    $rootScope.$watch(function $locationWatch() {
      var oldUrl = trimEmptyHash($browser.url());
      var newUrl = trimEmptyHash($location.absUrl());
      var oldState = $browser.state();
      var currentReplace = $location.$$replace;
      var urlOrStateChanged = oldUrl !== newUrl ||
        ($location.$$html5 && $sniffer.history && oldState !== $location.$$state);

      if (initializing || urlOrStateChanged) {
        initializing = false;

        $rootScope.$applyAsync(function() {
          var newUrl = $location.absUrl();
          var defaultPrevented = $rootScope.$broadcast('$locationChangeStart', newUrl, oldUrl,
              $location.$$state, oldState).defaultPrevented;

          // if the location was changed by a `$locationChangeStart` handler then stop
          // processing this location change
          if ($location.absUrl() !== newUrl) return;

          if (defaultPrevented) {
            $location.$$parse(oldUrl);
            $location.$$state = oldState;
          } else {
            if (urlOrStateChanged) {
              setBrowserUrlWithFallback(newUrl, currentReplace,
                                        oldState === $location.$$state ? null : $location.$$state);
            }
            afterLocationChange(oldUrl, oldState);
          }
        });
      }

      $location.$$replace = false;

      // we don't need to return anything because $evalAsync will make the digest loop dirty when
      // there is a change
    });

raftheunis87 13 अग॰ 2015

👍2

यहाँ एक और दृष्टिकोण है। मैं कोणीय कोडबेस से परिचित नहीं हूं, लेकिन तर्क तर्कसंगत लगता है। ब्राउज़र url(...) फ़ंक्शन वर्तमान में स्थान पर निर्भर करता है। href तुरंत सही URL लौटाता है। चूंकि इस विधि को उसी रन लूप में कहा जाता है, $digest स्थिरीकरण चक्र के भीतर, इसे पुराना URL प्राप्त होता रहता है। यह पैच असाइनमेंट को ट्रैक करने के लिए 'लंबितHref' का लाभ उठाता है, इसके बजाय उस मान को वापस कर देता है, अगर यह सेट है। एक बार जब मान स्थान.href के साथ संरेखित हो जाता है, तो लंबित मान साफ़ हो जाता है। यूआरएल के एक सेट के दौरान, उस मामले को पकड़ने के लिए 0ms के साथ एक टाइमर सेट किया जाता है जहां यूआरएल() प्राप्त नहीं किया जाता है। यह सही नहीं है, लेकिन तर्क काम करता प्रतीत होता है। यह मुख्य रूप से एक वैकल्पिक दृष्टिकोण पर विचार करने के लिए है जो प्रदर्शन में देरी पैदा नहीं करता है। यह कोणीय टैग v1.4.3.3 पर आधारित है।

diff --git a/src/ng/browser.js b/src/ng/browser.js
index 928de95..3b9957e 100644
--- a/src/ng/browser.js
+++ b/src/ng/browser.js
@@ -87,7 +87,9 @@ function Browser(window, document, $log, $sniffer) {
   var cachedState, lastHistoryState,
       lastBrowserUrl = location.href,
       baseElement = document.find('base'),
-      reloadLocation = null;
+      reloadLocation = null,
+      pendingHref = null,
+      pendingHrefTimer = null;

   cacheState();
   lastHistoryState = cachedState;
@@ -124,6 +126,18 @@ function Browser(window, document, $log, $sniffer) {
     if (location !== window.location) location = window.location;
     if (history !== window.history) history = window.history;

+    // Schedule cleaning up pendingHref on the next run loop for setting URL. This is to handle
+    // the case where the browser doesn't update the location.* properties immediately
+    if (!pendingHrefTimer && pendingHref && url) {
+      pendingHrefTimer = setTimeout(function () {
+        if (location.href == pendingHref) {
+          console.log('Actual href updated... setting pendingHref to null from setTimeout');
+          pendingHref = null;
+        }
+        pendingHrefTimer = null;
+      }, 0);
+    }
+
     // setter
     if (url) {
       var sameState = lastHistoryState === state;
@@ -147,6 +161,7 @@ function Browser(window, document, $log, $sniffer) {
         // Do the assignment again so that those two variables are referentially identical.
         lastHistoryState = cachedState;
       } else {
+        pendingHref = url;
         if (!sameBase || reloadLocation) {
           reloadLocation = url;
         }
@@ -161,10 +176,22 @@ function Browser(window, document, $log, $sniffer) {
       return self;
     // getter
     } else {
+      var href = location.href.replace(/%27/g, "'");
+      if (pendingHref) {
+        //console.log('.. using pendingHref for url() return value');
+        href = pendingHref;
+      }
+
+      if (location.href == pendingHref) {
+        console.log('Actual href updated... setting pendingHref to null in getter');
+        pendingHref = null;
+      }
+
+      //var href = location.href.replace(/%27/g,"'");
       // - reloadLocation is needed as browsers don't allow to read out
       //   the new location.href if a reload happened.
       // - the replacement is a workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=407172
-      return reloadLocation || location.href.replace(/%27/g,"'");
+      return reloadLocation || href;
     }
   };

CleverCoder 13 अग॰ 2015

समाधान के लिए धन्यवाद @CleverCoder ! एक आकर्षण की तरह काम करने लगता है! :+1:

raftheunis87 14 अग॰ 2015

@CleverCoder
यदि आप इसके साथ कोणीय टीम को पुल अनुरोध करते हैं तो बहुत अच्छा होगा।

viattik 14 अग॰ 2015

@viattik मुझे आश्चर्य होगा अगर कोणीय टीम iOS9 पर UIWebView के लिए वर्कअराउंड अपनाएगी क्योंकि बग UIWebView (Apple) में ही है। लेकिन आप हमेशा कोशिश कर सकते हैं ...

raftheunis87 14 अग॰ 2015

@raftheunis87
विभिन्न ब्राउज़रों में बहुत सारे बग हैं और कोणीय कोड में उन बगों के लिए बहुत सारे वर्कअराउंड हैं।
हालांकि वे आधिकारिक तौर पर UIWebView का समर्थन नहीं कर रहे हैं, बहुत सारे हाइब्रिड ऐप्स टूट जाएंगे और नवीनतम iOS में हाइब्रिड ऐप्स में कोणीय का उपयोग करना तब तक असंभव होगा जब तक कि Apple उस बग को ठीक नहीं कर देता। और मैं कहूंगा कि यह बहुत बड़ा मुद्दा है।
तो मैं इसे एक कोशिश दूंगा।

viattik 14 अग॰ 2015

@viattik मैं पूरी तरह सहमत हूँ। और बीटीडब्ल्यू: ऐप्पल ने हमें बताया कि यह संभावना नहीं है कि वे UIWebView बग को ठीक कर देंगे। तो वास्तव में: इसे आज़माएं ;-)

raftheunis87 14 अग॰ 2015

दोस्तों, यदि आप इसे वेबकिट बग के रूप में पोस्ट कर सकते हैं, आदर्श रूप से रेप्रो केस के साथ, तो मैं वेबकिट पक्ष पर हमारे कुछ संपर्कों के साथ अनुवर्ती कार्रवाई करूंगा। https://bugs.webkit.org/

naomiblack 14 अग॰ 2015

@नाओमीब्लैक
सुनिश्चित नहीं है कि यह एक वेबकिट बग है। क्योंकि यह केवल iOS9 पर UIWebView में होता है। IOS9 पर सफारी ठीक काम करती है।

viattik 14 अग॰ 2015

@ raftheunis87 आपके कोड सुझावों के लिए धन्यवाद, पूरी तरह से काम किया

ajrmspwd 14 अग॰ 2015

@raftheunis87 @CleverCoder आयनिक-कोणीय के साथ काम करने का एक तरीका है? क्या आप अधिक विशिष्ट हो सकते हैं?

abrahamrkj 15 अग॰ 2015

@abrahamrkj मुझे आयनिक के साथ कोई अनुभव नहीं है। लेकिन क्या आयनिक का उपयोग करते समय उनके अनुकूलन कोणीय में होते हैं? अन्यथा मैं कहूंगा कि वही फिक्स आयनिक-कोणीय के साथ काम करेगा ...

raftheunis87 15 अग॰ 2015

@ raftheunis87 https://github.com/driftyco/ionic/tree/master/js यह वह कोणीय है जिसका वे उपयोग कर रहे हैं।

abrahamrkj 15 अग॰ 2015

पुल अनुरोध के लिए @CleverCoder +1। मैं @viattik से सहमत

borrull 17 अग॰ 2015

एक पुल अनुरोध निकट भविष्य में हो सकता है, हालांकि मैं संकोच करता हूं क्योंकि मैं दूसरों के रूप में कोणीय कोडबेस के करीब नहीं हूं। मैं जल्द ही समाधान पर फिर से विचार करूंगा और इसे बुलेट-प्रूफ बनाने की कोशिश करूंगा। यह अजीब लगता है कि विंडो पर एक संपत्ति। स्थान वस्तु 'तुरंत' नहीं बदलती है। मेरे द्वारा किए गए परीक्षणों में, मैंने देखा कि परिवर्तन तब तक टिका रहा जब तक 'पॉपस्टेट' और 'हैशचेंज' ईवेंट हुक नहीं थे, जिससे मुझे लगता है कि स्थगित परिवर्तन का कारण वास्तव में कुछ करना हो सकता है। और.. शायद उन घटनाओं का समय बदल गया है (मुझे लगता है कि मैं यही देख रहा था)।
मैं इसे अगले कुछ दिनों में देखने जा रहा हूं, और अगर कुछ भी बेहतर नहीं है, तो मैं अब तक जो कुछ भी जानता हूं उसकी पुष्टि करने के लिए मैं थोड़ा गहरा खोदूंगा, और व्यवहार में बदलाव को संबोधित करने के लिए इससे बेहतर जगह नहीं है। क्षमा करें अगर यह भ्रमित है। हुड के नीचे बहुत कुछ चल रहा है कि मैं अभी भी उन घटनाओं के संबंध में पूरी तरह से समझ नहीं पा रहा हूं।
चीयर्स!

CleverCoder 17 अग॰ 2015

... और हाँ, @borrull , मैं सहमत हूँ। यदि ऐप्पल कोई और बदलाव नहीं करता है, तो यह एक गंभीर समय बम है जो वास्तव में खराब प्रेस और उंगली की ओर इशारा करेगा। मैं वर्कअराउंड के रूप में टाइमर का प्रशंसक नहीं हूं (मैं इन अंतर्निहित गुणों के आसपास तर्क प्रवाह में सुधार करना चाहता हूं), लेकिन अगर हम सेट होने के बाद मूल्य बदलने पर निर्भर नहीं हो सकते हैं, तो हम कहां आकर्षित करते हैं रेखा? हम किन अन्य संपत्तियों पर भरोसा नहीं कर सकते? यह एक अजीब है।

CleverCoder 17 अग॰ 2015

@CleverCoder बस धन्यवाद कहना चाहता था, आपके पैच ने वास्तव में दिन बचा लिया!

tfujii 18 अग॰ 2015

@CleverCoder दिए गए समाधान के लिए धन्यवाद।

मैंने एक समाधान निकाला जो कोणीय से डेकोरेटर सुविधा का उपयोग करता है और कोणीय स्रोत को पैच किए बिना आता है।

Cssua के साथ इस सेटअप को केवल विशिष्ट वातावरण में उपयोग करने के लिए कॉन्फ़िगर किया जा सकता है।

    app.config(['$provide', ($provide) => {
        $provide.decorator('$browser', ['$delegate', ($delegate) => {
            var origUrl = $delegate.url;

            var pendingHref = null;
            var pendingHrefTimer = null;

            var newUrl = function (url, replace, state) {

                if (url) {
                    // setter
                    var result = origUrl(url, replace, state);

                    if (window.location.href != url) {

                        if (pendingHref != url) {
                            pendingHref = url;

                            if (pendingHrefTimer) clearTimeout(pendingHrefTimer);

                            pendingHrefTimer = setTimeout(function () {
                                if (window.location.href == pendingHref) {
                                    pendingHref = null;
                                }
                                pendingHrefTimer = null;
                            }, 0);
                        }
                    }

                    return result;
                } else {
                    // getter
                    if (pendingHref == window.location.href) {
                        pendingHref = null;
                    }

                    return pendingHref || origUrl(url, replace, state);
                }
            };

            $delegate.url = newUrl;

            return $delegate;
        }]);
    }]);

realityfilter 20 अग॰ 2015

👍1

@CleverCoder #

jd-carroll 20 अग॰ 2015

@ जेडी-कैरोल: यह वाकई दिलचस्प है। मेरे पास समय होने पर मैं आज थोड़ी देर बाद इस पर फिर से विचार कर सकता हूं। सामान से काफी भरा हुआ। यह सिर्फ और अधिक रहस्य पैदा करता है, क्योंकि यह एक अलग मुद्दे की तरह लगता है जिसे स्थान में देरी का परिचय नहीं देना चाहिए। * मान अपडेट हो रहे हैं।

@realityfilter : अजीब बात है कि आपने डेकोरेटर का उल्लेख किया है ... मैंने अभी-अभी

CleverCoder 20 अग॰ 2015

हे सब,
मैं बस यह जोड़ना चाहता था कि इस फिक्स ने हमारे कोड में एक बग पेश किया जिसे ठीक करना आसान था।

हमारे टेम्प्लेट में एंकर टैग थे जो href="#" और ng-click="someCall()" का उपयोग करते थे। href इस फिक्स का उपयोग करके साइट को index.html पर जाने का कारण बना रहा था। href को हटाने से समस्या ठीक हो गई।

jyc66 20 अग॰ 2015

हमारा ऐप आयनिक में बैक बटन नेविगेशन के दौरान टूट रहा है, यह पहले नए दृश्य में जाता है, फिर आंशिक रूप से पुराने दृश्य पर वापस आता है और फिर आईओएस 9 बीटा पर नए दृश्य में वापस आ जाता है, आयनिक के लिए कोई भी संकल्प

ajaybeniwal 21 अग॰ 2015

IOS 9 बीटा 5 13A4325c, कोणीय 1.4.0 (कॉर्डोवा-आईओएस 3.9.1 के साथ) के साथ एक ही समस्या। उम्मीद है कि अंतर्निहित UIWebView बग को ठीक कर दिया जाएगा!

aderowbotham 31 अग॰ 2015

कोणीय v1.2.27 . पर होने वाली एक ही समस्या

markoivanovski 1 सित॰ 2015

मैंने इसे 1.2.27 रिलीज के लिए खोजा है, बग 1.2.26 रिलीज से पहले नहीं है।

विशेष रूप से, यह प्रतिबद्ध अपराधी है।

damrbaby 3 सित॰ 2015

@damrbaby ऐसा लगता है कि मुझे इससे कुछ लेना-देना हो सकता है।

लेकिन तथ्य यह है कि यह मोबाइल सफारी में कोणीय के नवीनतम संस्करण के साथ काम कर रहा है, यह स्पष्ट करता है कि आईओएस 9 पर uiWebView के साथ कुछ करना है। इसलिए उन्होंने कोणीय स्रोत कोड में जो परिवर्तन किया है, वह जरूरी नहीं कि एक बुरी चीज है।

raftheunis87 3 सित॰ 2015

@CleverCoder @realityfilter @ jyc66 मैं सिर्फ आपको धन्यवाद कहना चाहता था, आपने अभी-अभी मेरा दिन बचाया।

Kira2 9 सित॰ 2015

समस्या अभी भी iOS9 GM Seed पर मौजूद है इसलिए अपने ऐप्स को लोगों को अपडेट करवाएं!

markoivanovski 9 सित॰ 2015

मैं पुष्टि कर सकता हूं, कि समस्या अभी भी iOS9 GM (13A340) में मौजूद है

richardbrammer 10 सित॰ 2015

तो इसका मतलब है कि Apple ने कुछ तोड़ दिया और हमें अपने ऐप्स को फिर से अपडेट करना होगा (जिनमें से कुछ महीनों या एक साल से भी अधिक समय तक नहीं बदले हैं) ताकि उन्हें क्रैश होने से बचाया जा सके। समझ में आता है :(। मैं इसके बजाय आईओएस 9 लॉन्च के लिए ऐप्पल को ठीक कर दूंगा। पुराने ऐप में नवीनतम एंगुलर संस्करण में जाने से कुछ अन्य चीजें भी टूट जाएंगी।

मुझे अत्यधिक संदेह है कि कोणीय एकमात्र ढांचा है जिसमें iOS9 के साथ समस्या है?

Martinspire 10 सित॰ 2015

तो, आयोनिक टीम से @adamdbradley , @perrygovier , और @mhartington पूरे दिन एक फिक्स पर काम कर रहे हैं जो Ionic और सादे कोणीय ऐप्स के लिए भी काम करेगा। लक्ष्य एक ड्रॉप-इन फिक्स होना है जिसमें कोणीय को संशोधित करने की आवश्यकता नहीं है, और (उम्मीद है) अधिकांश 1.2+ कोणीय संस्करणों में काम करेगा।

यहां हमारा वर्तमान बंडल समाधान है जो इस पैच को लागू करके $browser को सजाता है और ठीक करता है। नोट: यह कोणीय 1.4.3 पर आधारित है और कोणीय उचित से browser.js "फिक्स के साथ क्लोन" की तरह है: https://github.com/driftyco/ionic/blob/ios9-patch/js /angular/service/decorators/ios9-browser-fix.js

हमने पैच को अपने सीडीएन पर भी रखा है। मैं उत्पादन के लिए सीडीएन फ़ाइल का उपयोग करने की अनुशंसा नहीं करता, यह केवल वहां है इसलिए अभी परीक्षण करना आसान है।

इसका परीक्षण करने के लिए, इस स्क्रिप्ट टैग को अपनी कोणीय या ionic.bundle.js फ़ाइल के नीचे रखें:

<script src="https://code.ionicframework.com/patch/ios9-$browser-patch.js"></script>

साथ ही, अभी यह पैच लागू करता है कि आप iOS9 पर चल रहे हैं या नहीं। इसे जल्द ही इस तरह ठीक किया जाएगा कि यह केवल iOS 9 UIWebView पर चलता है।

यहां संबंधित आयनिक मुद्दे का पालन करें: https://github.com/driftyco/ionic/issues/4082#issuecomment -139079725

mlynch 10 सित॰ 2015

नमस्ते,

UI-sref एक आकर्षण की तरह काम करता है लेकिन $state.go बैक बटन एनीमेशन को तोड़ता है
और इस सुधार को लागू करने के बाद भी पृष्ठ बहुत अधिक झिलमिलाहट करता है।

सादर,
अजय सिंह

गुरु, 10 सितंबर, 2015 को सुबह 6:23 बजे मैक्स लिंच नोटिफिकेशन @github.com ने लिखा:

तो, @adamdbradley https://github.com/adamdbradley , @perrygovier
https://github.com/perrygovier , और @mhartington
https://github.com/mhartington आयोनिक टीम से काम कर रहा है
पूरे दिन एक फिक्स पर जो आयोनिक और सादे कोणीय ऐप्स के लिए काम करेगा:
कुंआ। लक्ष्य एक ड्रॉप-इन फिक्स होना है जिसे संशोधित करने की आवश्यकता नहीं है
कोणीय, और विल (उम्मीद है) अधिकांश 1.2+ कोणीय संस्करणों में काम करेंगे।
यहां हमारा वर्तमान बंडल समाधान है जो $ब्राउज़र को सजाता है और ठीक करता है
इस पैच को लागू करना
https://github.com/angular/angular.js/issues/12241#issuecomment -130744518।
नोट: यह कोणीय १.४.३ पर आधारित है और एक प्रकार का "फिक्स के साथ क्लोन" है
ब्राउज़र.जेएस कोणीय से उचित:
https://github.com/driftyco/ionic/blob/ios9-patch/js/angular/service/decorators/ios9-browser-fix.js
हमने पैच को अपने सीडीएन पर भी रखा है। मैं सीडीएन फ़ाइल का उपयोग करने की अनुशंसा नहीं करता
उत्पादन के लिए, यह केवल वहां है इसलिए अभी परीक्षण करना आसान है।
कृपया इसका परीक्षण करें और हमें बताएं कि यह कैसा चल रहा है, धन्यवाद।
इसका परीक्षण करने के लिए, इस स्क्रिप्ट टैग को अपने कोणीय के नीचे रखें या
आयनिक.बंडल.जेएस फ़ाइल:

Angular.js: IOS 9 w/UIWebView पर स्थान परिवर्तन पर अनंत डाइजेस्ट (Safari/WKWebView में नहीं)

सबसे उपयोगी टिप्पणी

सभी 154 टिप्पणियाँ

संबंधित मुद्दों