angular রাউটারলিঙ্ক কাজ করে না



angular2-routing (4)

আপনি যে কোডটি সেখানে দেখিয়ে দিচ্ছেন তা একেবারে সঠিক।

আমি সন্দেহ করি যে আপনার সমস্যাটি হ'ল আপনি এই টেমপ্লেটটি ব্যবহার করে মডিউলটিতে রাউটারমডুল (যা সেখানে রাউটারলিঙ্ক ঘোষণা করা হয়) আমদানি করছেন না।

আমারও অনুরূপ সমস্যা ছিল এবং সমাধান করতে আমার কিছুটা সময় লেগেছিল কারণ ডকুমেন্টেশনে এই পদক্ষেপটির উল্লেখ নেই।

সুতরাং এই টেম্পলেটটি দিয়ে উপাদানটি ঘোষণা করে এমন মডিউলটিতে যান এবং যুক্ত করুন:

import { RouterModule } from '@angular/router';

তারপরে এটি আপনার মডিউলগুলির আমদানিতে যেমন যুক্ত করুন

@NgModule({
  imports: [
    CommonModule,
    RouterModule
  ],
  declarations: [MyTemplatesComponent]
})
export class MyTemplatesModule { }

সঠিক আমদানির বিবরণী থাকার পাশাপাশি আপনাকে সেই রাউটার লিঙ্কটি প্রদর্শনের জন্য একটি জায়গাও প্রয়োজন যা এটি <router-outlet></router-outlet> উপাদানতে রয়েছে, যাতে এটি আপনার HTML এও কোথাও স্থাপন করা দরকার মার্কআপ তাই রাউটার জানে কোথায় যে তথ্য প্রদর্শিত হবে।

কৌনিক 2 অ্যাপ্লিকেশনে আমার রুটিংটি ভালভাবে কাজ করে। তবে আমি এর ভিত্তিতে কিছু রুট লিঙ্ক তৈরি করতে যাচ্ছি:

এখানে আমার রাউটিং:

const routes: RouterConfig = [
    { path:'home' , component: FormComponent  },
    { path:'about', component: AboutComponent },
    { path:'**'   , component: FormComponent  }
];

এবং এখানে আমি তৈরি লিঙ্কগুলি:

<ul class="nav navbar-nav item">
                    <li>
                        <a routerLink='/home' routerLinkActive="active">Home</a>
                    </li>
                    <li>
                        <a routerLink='/about' routerLinkActive="active">About this</a>
                    </li>
</ul>

আমি প্রত্যাশা করি, আমি যখন তাদের ক্লিক করি তখন এটি সম্মানিত উপাদানটিতে নেভিগেট করে, তবে তারা কিছুই করে না?


Answer #1

নীচের মত লিঙ্কগুলি পরিবর্তন করার চেষ্টা করুন:

  <ul class="nav navbar-nav item">
    <li>
        <a [routerLink]="['/home']" routerLinkActive="active">Home</a>
    </li>
    <li>
        <a [routerLink]="['/about']" routerLinkActive="active">About this</a>
    </li>
  </ul>

এছাড়াও, সূচিপত্রের শিরোনামে নিম্নলিখিতগুলি যুক্ত করুন html:

<base href="/">


Answer #2

এই this পড়তে ম্রো তথ্যগুলির জন্য এটির মতো এটি ব্যবহার করুন

<a [routerLink]="['/about']">About this</a>

Answer #3

লিঙ্কগুলি ভুল, আপনাকে এটি করতে হবে:

<ul class="nav navbar-nav item">
    <li>
        <a [routerLink]="['/home']" routerLinkActive="active">Home</a>
    </li>
    <li>
        <a [routerLink]="['/about']" routerLinkActive="active">About this
        </a>
    </li>
</ul>

আপনি এই tutorial পড়তে পারেন





angular2-routing