AngularJS में रीडायरेक्ट में $ विंडो या $ लोकेशन का उपयोग करना

Question 1

मैं जिस ऐप पर काम कर रहा हूं उसमें विभिन्न राज्य (यूआई-राउटर का उपयोग करना) शामिल हैं, जहां कुछ राज्यों को आपको लॉग इन करने की आवश्यकता होती है, अन्य सार्वजनिक रूप से उपलब्ध हैं।

मैंने एक विधि बनाई है जो वैध रूप से जांचती है कि कोई उपयोगकर्ता लॉग इन है या नहीं, वर्तमान में मेरे पास जो समस्याएँ हैं वे वास्तव में आवश्यक होने पर हमारे लॉगिन-पेज पर पुनः निर्देशित कर रहे हैं। यह ध्यान दिया जाना चाहिए कि लॉगिन पृष्ठ को वर्तमान में AngularJS ऐप के भीतर नहीं रखा गया है।

app.run(function ($rootScope, $location, $window) {


    $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {

        if (toState.data.loginReq && !$rootScope.me.loggedIn) {
            var landingUrl = $window.location.host + "/login";
            console.log(landingUrl);
            $window.open(landingUrl, "_self");
        }
    });
});

कंसोल .log इच्छित url को ठीक से दिखाता है। उसके बाद की लाइन, मैंने $ window से व्यावहारिक रूप से सब कुछ करने की कोशिश की है। to window.location.href और कोई फर्क नहीं पड़ता कि मैंने क्या किया है कोई पुनर्निर्देशन नहीं हुआ है।

संपादित करें (पंजीकृत):

मुद्दा मिल गया।

var landingUrl = $window.location.host + "/login";
$window.open(landingUrl, "_self");

वेरिएबल लैंडिंगयूआरएल को 'domain.com/login' पर सेट किया गया था, जो $ window.location.href (जो कि मेरी कोशिश की गई चीजों में से एक था) के साथ काम नहीं करेगा। हालाँकि कोड बदलने के बाद

var landingUrl = "http://" + $window.location.host + "/login";
$window.location.href = landingUrl;

अब यह काम करता है।

Question 2

मेरा मानना है कि ऐसा करने का तरीका है $location.url('/RouteTo/Login');

स्पष्टता के लिए संपादित करें

मेरे लॉगिन दृश्य के लिए मेरा मार्ग कहें /Login, मैं $location.url('/Login')उस मार्ग पर नेविगेट करने के लिए कहूंगा ।

कोणीय ऐप के बाहर के स्थानों के लिए (अर्थात कोई मार्ग निर्धारित नहीं), सादे पुराने जावास्क्रिप्ट परोसेंगे:

window.location = "http://www.my-domain.com/login"

Question 3

ऐसा लगता है कि पूर्ण पृष्ठ पुनः लोड करने $window.location.hrefके लिए पसंदीदा तरीका है।

जब ब्राउज़र URL बदला जाता है तो यह एक पूर्ण पृष्ठ पुनः लोड नहीं करता है। URL बदलने के बाद पृष्ठ को पुनः लोड करने के लिए, निम्न-स्तरीय API, $ window.location.href का उपयोग करें।

https://docs.angularjs.org/guide/$location

Question 4

यह आपकी मदद कर सकता है! डेमो

AngularJs कोड-नमूना

var app = angular.module('urlApp', []);
app.controller('urlCtrl', function ($scope, $log, $window) {
    $scope.ClickMeToRedirect = function () {
        var url = "http://" + $window.location.host + "/Account/Login";
        $log.log(url);
        $window.location.href = url;
    };
});

HTML कोड-नमूना

<div ng-app="urlApp">
    <div ng-controller="urlCtrl">
        Redirect to <a href="#" ng-click="ClickMeToRedirect()">Click Me!</a>
    </div>
</div>

Question 5

क्या संस्करण से निश्चित नहीं है, लेकिन मैं 1.3.14 का उपयोग करता हूं और आप बस उपयोग कर सकते हैं:

window.location.href = '/employee/1';

नियंत्रक में $locationया इंजेक्षन की आवश्यकता नहीं है $windowऔर वर्तमान होस्ट पता प्राप्त करने की आवश्यकता नहीं है।

Question 6

आपको लगाना होगा:

< html एनजी ऐप = "urlApp" एनजी-नियंत्रक = "urlCtrl">

इस तरह कोणीय फ़ंक्शन "विंडो" ऑब्जेक्ट में पहुंच सकता है