From a6e4fc4feb5259f4444bc02d8c0dac096b29a1a0 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Wed, 4 Oct 2023 14:30:25 -0400
Subject: [PATCH] fix(angular): routerLink directives can be used (#28282)

---
 .../src/navigation/router-link-delegate.ts           | 12 +++++-------
 .../router-link/router-link.component.html           |  4 ++--
 2 files changed, 7 insertions(+), 9 deletions(-)

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>