कोणीय 2 - नेविगेशन

कोणीय 2 में, मैनुअल नेविगेशन करना भी संभव है। निम्नलिखित कदम हैं।

Step 1 - Inventory.component.ts फ़ाइल में निम्न कोड जोड़ें।

import { Component } from '@angular/core'; 
import { Router }  from '@angular/router';  

@Component ({  
   selector: 'my-app',  
   template: 'Inventory 
   <a class = "button" (click) = "onBack()">Back to Products</a>' 
})  

export class AppInventory {  
   constructor(private _router: Router){} 

   onBack(): void { 
      this._router.navigate(['/Product']); 
   } 
}

उपरोक्त कार्यक्रम के बारे में निम्नलिखित बातों पर ध्यान देने की आवश्यकता है -

  • एक HTML टैग घोषित करें, जिसमें एक ऑनबैक इवेंट है जिसे क्लिक इवेंट में टैग किया गया है। इस प्रकार, जब कोई उपयोगकर्ता इस पर क्लिक करता है, तो उन्हें वापस उत्पाद पृष्ठ पर निर्देशित किया जाएगा।

  • ऑनबैक फ़ंक्शन में, आवश्यक पृष्ठ पर नेविगेट करने के लिए राऊटर का उपयोग करें।

Step 2- अब, सभी कोड को सहेजें और npm का उपयोग करके एप्लिकेशन चलाएं। ब्राउज़र पर जाएं, आपको निम्न आउटपुट दिखाई देगा।

Step 3 - इन्वेंटरी लिंक पर क्लिक करें।

Step 4 - 'बैक टू प्रोडक्ट्स' लिंक पर क्लिक करें, आपको निम्न आउटपुट मिलेंगे जो आपको उत्पाद पृष्ठ पर वापस ले जाते हैं।