Angular में बेसिक रूटिंग कॉन्फ़िगरेशन
आइए अब रूटिंग कॉन्फ़िगर करते हैं। आइए ऐसा करें
कि यदि ब्राउज़र की एड्रेस बार में URL /aaaa/ डाला गया है,
तो पहला कंपोनेंट दिखाई दे, और यदि /bbbb/ डाला गया है,
तो दूसरा दिखाई दे।
ऐसी कॉन्फ़िगरेशन फाइल
app.routes.ts में की जाती है। शुरुआत में
हमें अपने कंपोनेंट्स को इम्पोर्ट करने की आवश्यकता है:
import { AaaaComponent } from './aaaa/aaaa.component';
import { BbbbComponent } from './bbbb/bbbb.component';
और अब यह बताने की आवश्यकता है कि कौन सा URL किस कंपोनेंट
से मेल खाता है। इसके लिए रूट्स के साथ ऑब्जेक्ट्स की एक विशेष
सरणी (routes) बनानी होती है। प्रत्येक
ऑब्जेक्ट में एक path की होगी, जिसमें
URL (अंतिम स्लैश के बिना) सेट किया जाता है, और एक component की,
जिसमें वह कंपोनेंट सेट किया जाता है, जो इस URL पर दिखाई देता है:
export const routes: Routes = [
{ path: 'aaaa', component: AaaaComponent },
{ path: 'bbbb', component: BbbbComponent },
];
हालाँकि, केवल रूटिंग सेटिंग्स पर्याप्त नहीं हैं। पैरेंट कंपोनेंट में उस स्थान को निर्दिष्ट करने की आवश्यकता है जहाँ हमारे कंपोनेंट्स प्रदर्शित होंगे। इससे हम अगले पाठ में निपटेंगे।
फाइल app.routes.ts में रूटिंग कॉन्फ़िगर करें।
