दिलचस्प पोस्ट
पायथन में एन-ग्राम, टीएफ- आईडीएफ और कोसाइन समानता का सरल कार्यान्वयन पीअर से पीअर के प्रमाणीकरण के लिए SSL और एसएसएलस्ट्रीम का उपयोग करना? जेएसपी / वेब-एनएफ़ रिटर्न "HTTP स्थिति 404 अनुरोधित संसाधन उपलब्ध नहीं है" InstallUtil.exe के बिना एक .NET विंडो सेवा स्थापित करें सरणी तत्वों की घटनाओं / आवृत्तियों की गिनती WCF – डिज़ाइन पैरामीटर निर्णय जीडब्ल्यूटी, कुकियों और वेबपेज निर्देशन पर प्रश्न फास्ट क्रॉस-प्लेटफार्म सी / सी ++ इमेज प्रोसेसिंग लायब्रेरीज़ मैं गणितीय ऑपरेटर कैसे यादृच्छिक रूप से चुन सकता हूं और इसके साथ आवर्ती गणित के सवाल पूछ सकता हूं? सार्वजनिक, निजी और ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग में संरक्षित क्या हैं? जावास्क्रिप्ट में क्लाइंट का समय क्षेत्र प्राप्त करना ऐप इंस्टॉलरों को केवल iPhone 5 / 5s / 5c वाले उपयोगकर्ताओं के लिए सीमित करना जावा में संदर्भ द्वारा एक स्ट्रिंग पासिंग? आईओएस एप के लिए गैर-अंग्रेज़ी डिफ़ॉल्ट भाषा? क्या अन्यथा से प्राप्त या अधिक सुरक्षित है?

Angular.js में history.back () कैसे कार्यान्वित करें

मेरे पास निर्देश है जो वापस बटन वाला साइट हैडर है और मैं पिछले पृष्ठ पर वापस जाने के लिए क्लिक करना चाहता हूं मैं इसे कोणीय रास्ते में कैसे कर सकता हूँ?

मैं प्रयास कर चुका हूं:

<header class="title"> <a class="back" ng-class="icons"><img src="../media/icons/right_circular.png" ng-click="history.back()" /></a> <h1>{{title}}</h1> <a href="/home" class="home" ng-class="icons"><img src="../media/icons/53-house.png" /></a> </header> 

और यह निर्देश है जेएस:

 myApp.directive('siteHeader', function () { return { restrict: 'E', templateUrl: 'partials/siteHeader.html', scope: { title: '@title', icons: '@icons' } }; }); 

लेकिन कुछ नहीं होता है। मैंने angular.js API को $ स्थान के बारे में देखा, लेकिन वापस बटन या history.back() बारे में कुछ नहीं मिला।

वेब के समाधान से एकत्रित समाधान "Angular.js में history.back () कैसे कार्यान्वित करें"

आपको अपने निर्देश में लिंक फ़ंक्शन का उपयोग करने की आवश्यकता है:

 link: function(scope, element, attrs) { element.on('click', function() { $window.history.back(); }); } 

JsFiddle देखें

कोणीय रूट्स ब्राउज़र के स्थान को देखते हैं, इसलिए बस कुछ क्लिक करने पर window.history.back() का उपयोग करना होगा

HTML:

 <div class="nav-header" ng-click="doTheBack()">Reverse!</div> 

जे एस:

 $scope.doTheBack = function() { window.history.back(); }; 

मैं आम तौर पर अपने ऐप नियंत्रक पर '$ back' नामक एक वैश्विक फ़ंक्शन का निर्माण करता हूं, जिसे मैं आमतौर पर शरीर टैग पर डालता हूं।

 angular.module('myApp').controller('AppCtrl', ['$scope', function($scope) { $scope.$back = function() { window.history.back(); }; }]); 

फिर कहीं भी मेरे ऐप में मैं बस <a ng-click="$back()">Back</a>

(यदि आप चाहते हैं कि यह अधिक परीक्षण योग्य हो, तो $ नियंत्रक में $ विंडो सेवा को इंजेक्ट करें और $window.history.back() उपयोग करें)।

आदर्श रूप से नियंत्रकों को अनावश्यक $ खिड़की से मुक्त रखने के लिए सरल निर्देश का उपयोग करें

 app.directive('back', ['$window', function($window) { return { restrict: 'A', link: function (scope, elem, attrs) { elem.bind('click', function () { $window.history.back(); }); } }; }]); 

इस तरह प्रयोग करें:

 <button back>Back</button> 

एक और अच्छा और पुन: प्रयोज्य समाधान इस तरह एक निर्देश बनाने के लिए है:

 app.directive( 'backButton', function() { return { restrict: 'A', link: function( scope, element, attrs ) { element.on( 'click', function () { history.back(); scope.$apply(); } ); } }; } ); 

तो बस इसे इस तरह प्रयोग करें:

 <a href back-button>back</a> 

अगर यह उपयोगी है … मैं "10 $ डाइजेस्ट () पुनरावृत्तियों पर पहुंच गया था। $ window.history.back () का उपयोग करते समय त्रुटि; IE9 के साथ (पाठ्यक्रम के अन्य ब्राउज़रों में ठीक काम करता है)

मुझे यह काम करने के लिए मिला है:

 setTimeout(function() { $window.history.back(); },100); 

या आप बस जावास्क्रिप्ट कोड का उपयोग कर सकते हैं

onClick = "javascript: history.go (-1),"

पसंद

 <a class="back" ng-class="icons"><img src="../media/icons/right_circular.png" onClick="javascript:history.go(-1);" /></a> 

एक वाक्यविन्यास त्रुटि थी इसे आज़माएं और इसे काम करना चाहिए:

 directives.directive('backButton', function(){ return { restrict: 'A', link: function(scope, element, attrs) { element.bind('click', function () { history.back(); scope.$apply(); }); } } }); 

मेरे लिए, मेरी समस्या मुझे वापस नेविगेट करने की आवश्यकता थी और फिर दूसरे राज्य में संक्रमण हो गया था। तो $window.history.back() का उपयोग करके काम नहीं किया क्योंकि किसी कारण से history.back () होने से पहले संक्रमण हुआ था, इसलिए मुझे अपने संक्रमण को एक टाइमआउट फ़ंक्शन में जैसे ही लपेट करना पड़ा

 $window.history.back(); setTimeout(function() { $state.transitionTo("tab.jobs"); }, 100); 

यह मेरी समस्या तय की है

AngularJS2 में मुझे एक नया रास्ता मिल गया, हो सकता है कि यह एक ही बात है लेकिन इस नए संस्करण में:

 import {Router, RouteConfig, ROUTER_DIRECTIVES, Location} from 'angular2/router'; (...) constructor(private _router: Router, private _location: Location) {} onSubmit() { (...) self._location.back(); } 

मेरे फ़ंक्शन के बाद, मैं देख सकता हूं कि मेरा एप्लीकेशन पिछले पेज के पेज पर जा रहा है angular2 / router से

https://angular.io/docs/ts/latest/api/common/index/Location-class.html

कोणीय 4:

 /* typescript */ import { Location } from '@angular/common'; // ... @Component({ // ... }) export class MyComponent { constructor(private location: Location) { } goBack() { this.location.back(); // go back to previous location } }