मैंने उपयोगकर्ताओं के लिए अपना पासवर्ड भूल जाने पर रीसेट करने के लिए एक पेज बनाया है। उपयोगकर्ताओं को एक ईमेल मिलेगा जिसमें रीसेट टोकन के साथ रीसेट पासवर्ड पेज का लिंक होगा।

पासवर्ड पेज का यूआरएल इस तरह दिखना चाहिए:

http: // localhost: 4200 / # / resetpassword कोड = CfDJ8LBxIxG2Gf5IjZZG9p + g7oDJxTqYPL7OnGSOIblOksnbNniISOo / jKuZ8RkPriLpsCle5VNwVII5O + r9KPmos1WcwmKCB5mMbYeO / tVKxUiqymsEDFjvWEt0X + KfIQlPbe8fvTMtAaB07IG01vwT2UWn + CjEAYwcZgV6eKhPEP21U9lxLxeG8bE6SXMwninNvWI1lf6jm3Ia1MIDikqL9EC033AMIGlnjvEonbxV + जेबी

यहाँ राउटर मॉड्यूल में मेरा मार्ग है और पासवर्ड पेज ngOnInit () कोड रीसेट करें:

const routes: Routes = [
  {path: 'resetpassword?code=/:code', component: ResetpasswordComponent}
];

  ngOnInit() {
    debugger;
    const param = this.route.snapshot.paramMap.get('code');
    if(param) {
      this.Code = param;
    }
  }

मैं जानना चाहता हूँ:

  1. मैं इस मार्ग को अपनी मार्ग परिभाषा में कैसे सेट कर सकता हूं?
  2. मैं रीसेट पासवर्ड पेज के ngOnInit में कोड = के बाद कोड का मूल्य कैसे पढ़ूंगा?

कोई भी जो मुझे मार्गदर्शन कर सकता है मैं इस तरह से एक मार्ग कैसे बना सकता हूं और परम मूल्य पढ़ सकता हूं?

angular angular-router
1
Ahsan 23 जिंदा 2019, 11:21

1 उत्तर

सबसे बढ़िया उत्तर

पथ होना चाहिए:

{path: 'resetpassword', component: ResetpasswordComponent}

पथ प्रदर्शन:

<a
    routerLink="/resetpassword"
    [queryParams]="{code: 'CfDJ8LBxIxG2Gf5IjZZG9p+g7oDJxTqYPL7OnGSOIblOksnbNniISOo/jKuZ8RkPriLpsCle5VNwVII5O+r9KPmos1WcwmKCB5mMbYeO/tVKxUiqymsEDFjvWEt0X+KfIQlPbe8fvTMtAaB07IG01vwT2UWn+CjEAYwcZgV6eKhPEP21U9lxLxeG8bE6SXMwninNvWI1lf6jm3Ia1MIDikqL9EC033AMIGlnjvEonbxV+Jb'}"
  >
  </a>

रीसेटपासवर्ड घटक में:

constructor(private activeRoute: ActivatedRoute) {
    activeRoute.queryParams
      .subscribe((params) => 
        {
          console.log(params)
    });
  }

DEMO चेक करें।

4
Fateme Fazli 23 जिंदा 2019, 11:44

संबंधित सवाल

2 पैराम के साथ कोणीय मार्ग और पैरा प्राप्त करना
1 एकाधिक पैरा के साथ एक ही घटक के लिए रूट
1 जब मैं सीधे कोणीय 7 में किसी अन्य वेबपृष्ठ से ऐप खोलता हूं तो मार्ग परम प्रारंभ करने में असमर्थ
2 कोणीय रूटिंग भ्रम/अजीब व्यवहार

नए सवाल

2 ngFor . से कोणीय मोडल में कस्टम डेटा प्राप्त करना
1 प्राइम एनजी शैलियों को ओवरराइड कैसे करें
2 कोणीय त्रुटि: त्रुटि: TS में होने पर आईडी के साथ स्तंभ नहीं खोजा जा सका
2 सफारी रेगुलर एक्सप्रेशन त्रुटि: अमान्य समूह विनिर्देशक नाम (innerHTML.replace(/(?<!\\)\\n|\n/g, '<br/>'))
2 एनजीआरएक्स एक्शन जो अन्य अवलोकन योग्य (चयनकर्ता) मूल्यों पर निर्भर करता है
2 कोणीय निर्देश में एक सीएसएस होवर संपत्ति के लिए सीएसएस चर का उपयोग करना?
1 घटक सदस्यता परिवर्तन नहीं देखता है
2 किसी अन्य एपीआई सर्वर पर/और प्रॉक्सी/एपीआई पर कोणीय ऐप की सेवा के लिए nginx को कैसे कॉन्फ़िगर करें?
3 संख्याओं के सेट को कोणीय 10 . में आज तक बदलें
2 VSCode एस्लिंट त्रुटि नो-असुरक्षित-असाइनमेंट गलत तरीके से प्रदर्शित
angular के बारे में सभी प्रश्न >

angular

Google से वेब फ्रेमवर्क के बारे में प्रश्न इस टैग का उपयोग कोणीय प्रश्नों के लिए करें जो एक व्यक्तिगत संस्करण के लिए विशिष्ट नहीं हैं। पुराने AngularJS (1.x) वेब ढांचे के लिए, कोणीयज टैग का उपयोग करें।

के बारे में अधिक angular...