diff --git a/packages/angular/standalone/src/navigation/router-link-delegate.ts b/packages/angular/standalone/src/navigation/router-link-delegate.ts
index 5d4840f300..3f9ab4a73a 100644
--- a/packages/angular/standalone/src/navigation/router-link-delegate.ts
+++ b/packages/angular/standalone/src/navigation/router-link-delegate.ts
@@ -1,21 +1,19 @@
-import { Component } from '@angular/core';
+import { Directive } from '@angular/core';
 import {
   RouterLinkDelegateDirective as RouterLinkDelegateBase,
   RouterLinkWithHrefDelegateDirective as RouterLinkHrefDelegateBase,
 } from '@ionic/angular/common';
 
-@Component({
-  // eslint-disable-next-line @angular-eslint/component-selector
+@Directive({
   selector: ':not(a):not(area)[routerLink]',
-  template: '<ng-content></ng-content>',
   standalone: true,
 })
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 export class IonRouterLink extends RouterLinkDelegateBase {}
 
-@Component({
-  // eslint-disable-next-line @angular-eslint/component-selector
+@Directive({
   selector: 'a[routerLink],area[routerLink]',
-  template: '<ng-content></ng-content>',
   standalone: true,
 })
+// eslint-disable-next-line @angular-eslint/directive-class-suffix
 export class IonRouterLinkWithHref extends RouterLinkHrefDelegateBase {}
diff --git a/packages/angular/test/base/src/app/standalone/router-link/router-link.component.html b/packages/angular/test/base/src/app/standalone/router-link/router-link.component.html
index d06acc30be..078d4b7c3a 100644
--- a/packages/angular/test/base/src/app/standalone/router-link/router-link.component.html
+++ b/packages/angular/test/base/src/app/standalone/router-link/router-link.component.html
@@ -1,6 +1,6 @@
-<a routerLink="/standalone/popover">
+<a routerLink="/standalone/popover" routerDirection="root">
   I'm a link
 </a>
-<button routerLink="/standalone/popover">
+<button routerLink="/standalone/popover" routerDirection="root">
   I'm a button
 </button>