Experimental Ivy - routerLink does not trigger navigation event

🐞 bug report

Affected Package

The issue is caused by package @angular/router

Is this a regression?

I did not try experimental-ivy in previous versions

Description

The routerLink directive does not work after creating a new Angular project with the experimental-ivy and routing flags on. I created the project using the angular cli and created three components and added them to app-routing.module.ts. Lastly, I added an anchor tag to the app.component.ts with routerLink=“/about”, but the link does not work when previewed on the browser.

Behavior

• When clicking on the link, the browser does not reload nor does it navigate.
• When hovering the link, the browser shows the tooltip on the bottom-left corner, but it shows the current URL rather than the URL I specified in routerLink.
• Inspecting the HTML, the href attribute shows the current url, while the routerLink attribute shows the URL I specified.
• The router-outlet works fine as it loads the components based on their URL correctly. However, it does not update when I click on a link with the routerLink directive.
• After setting ‘enableTracing’ to true inside app-routing.module.ts, when I click on the link the console does not log any navigation events.

🔬 Minimal Reproduction

The project was created with the following command: ng new FaustoWeb2019 --experimental-ivy true --prefix fausto --routing true --skipt-git true --skip-tests true --style scss

Modified files:

• src/app/app.module.ts
• src/app/app.component.html
• src/app/app-routing.module.ts
• src/app/components/

🔥 Exception or Error

No console or CLI errors

🌍 Your Environment

Angular Version:

7.2.15

Angular CLI Version:

7.3.9

[alexzuza]

The reason here is that ngcc of version 7.2.15 doesn’t properly recognize routerLink input property since it’s a setter. Looks like it has been already covered by https://github.com/angular/angular/pull/28357 @JoostK

Can you please update angular and @angular/cli version to the latest and see if it works? Btw, I already tested it on the latest versions and routing works well.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}