title: Ionic 6 - RouterLink vendor.js:51830 NG0303: Can't bind to 'routerLink' since it isn't a known property of 'ion-card'
body: <p>I am using the Angular version of Ionic 6.  I have a reusable component that shows a summary of an event.  On tapping the component I would like to navigate it to  a detail page.  But I get the vendor.js:51830 NG0303: Can't bind to 'routerLink' since it isn't a known property of 'ion-card' error.    Below is my code:</p>
  <pre><code>&lt;ion-card *ngFor=&quot;let feed of feedData; let i = index&quot; [routerLink]=&quot;['/detail/feed.id']&quot;&gt;
      &lt;ion-card-content&gt;
       {{ feed.name }}          
      &lt;/ion-card-content&gt;
      &lt;p [innerHTML]=&quot;feed.feed&quot;&gt;&lt;/p&gt;
  &lt;/ion-card&gt;
  
  </code></pre>
  <p>For the component I am importing the following:</p>
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { FeedService } from './../../services/feed.service';
  
  </code></pre>
  <p>I am  also importing RouterModule, Routes in the feed.module.ts.</p>
  <p>The detail/:id route is registered in the app-routing.module.ts</p>