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

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

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 में कोड = के बाद कोड का मूल्य कैसे पढ़ूंगा?

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

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