Angular routing in DNN 9

We currently have an Angular 12 module which we install using a DNN module in our DNNwebsite. We would like to use Angular's  routing to navigate between different components in the module. However, we currently are unable to navigate to a component by pasting the path assigned to the component in the browser. If we run the Angular module outside of the DNN module if we paste the url matching a given component in the browser then user is taken to the corresponding component. However, if a user is on our DNN site they are taken to the url for the appcomponent only. 

Additionally, the routing works as expected if you click a link inside of the module, meaning you are able to navigate between components by clicking links with in the module.

Does anyone know how navigate to a given Angular component within an Angular module withen in a DNN module by pasting a url in a browers while logged into a DNN 9 website? We would like to do this so that we can use a DNN submenu to navigate between components in the Angular module.