Auto close the navdrawer on navigation to other link

[PackageDotJSON]

Hi, I am using the navdrawer and have certain routes that take the user to other components. I want to hide the navdrawer automatically after the user clicks on any of the given routes. I am using Angular for this purpose. I have tried using the jquery and used the following line of code as per one of the previous issues here and facing an issue.

Here's the code:

hideNavbar() { ($('#navdrawerDefault')).navdrawer('hide'); }

It is working but, my entire page reloads when the user clicks on one of the routes. Can you tell me how can I integrate that using Angular or, is there any changes to the library that auto closes the navdrawer after user clicks on it?

[PackageDotJSON]

I kinda resolved it by adding the following lines:

hideNavbar() { $('#navdrawerDefault').removeClass('show'); }