Questions tagged [angular-routing]
The ngRoute module provides routing and deeplinking services and directives for AngularJS apps.
angular-routing
3,747
questions
0
votes
0
answers
6
views
How to pass StoreEffects to children routes using provideEffects?
I have this code:
export const PROJECT_ROUTES: Routes = [
{
path: '',
component: FeatureShellComponent,
providers: [
provideEffects([
MyStore1Effects,
...
0
votes
0
answers
19
views
Angular Always redirecting to default path:
const routes: Routes = [
{ path: "admin_login", component: AdminLoginComponent },
{ path: "login", component: LoginComponent },
{ path: "owner", component: ...
0
votes
0
answers
27
views
Angular SSR guard and resolver functions are executed on both, client and server
I'm building an SSR Angular app (with provided hydration) and I'm using Resolver and Guard functions. I noticed that they are running on both the server and the client. I believe that it is redundant ...
1
vote
1
answer
40
views
Redirecting to /home When Entering URL with Route Parameter
I'm encountering a strange behavior in my Angular application. When I navigate to a route with a date parameter using a link within the app, it works perfectly. However, when I copy and paste the same ...
1
vote
1
answer
33
views
Lazy loading angular child routes with no common url ancestor
I'm using angular 15. In my main module's routing, I've got the following routes to lazy load the MediaModule
{
path: 'video-page',
loadChildren: () => import('app/myapp/submodules/media....
1
vote
1
answer
43
views
Angular how to prevent user from reload or go back using route guard
Angular how to prevent user from reload or go back using route guard. I have basically a component and i want to make sure that when user click on reload the page or go back, it will then return to my ...
1
vote
1
answer
46
views
Angular 17 auxiliary route
I am trying to configure auxiliary route in Angular 17 but have some issue most likely due to the change to standalone components. Here is my configuration:
export const FEATURE_ROUTES: Routes = [
{
...
0
votes
0
answers
21
views
nested route path is not working inside lazy loaded named router outlet
In my angular app-routing.module I am loading a module name layout.module ,in layout module I am loading a module ftl.module, in ftl module ftl-order component is visibale if path is blank,but it is ...
1
vote
1
answer
45
views
Dynamic routing in angular based on a condition
I want my app to route to different components based on an environment variable(e.g. switch). In the constructor of app routing module , I have added the condition to check for the variable.
if(...
0
votes
1
answer
103
views
Angular 17 and above: How to add a guard or protect empty path, redirectTo route
I am not able to add any guard or anything for redirectTo route in my case which is an empty path.
I am using MSAL for authentication, MSAL does provide a guard and its working for other routes.
So ...
2
votes
1
answer
33
views
Is there a way to create nested router-outlet that replace a component partial in angular
Is there a way to load a component inside another component by changing the route.
Let me explain:
I have the basic route config in the app-routing.module.ts and the router-outlet tag in the app....
0
votes
0
answers
47
views
Using Angular router outlet in overlay
I want to use router outlet in dynamically added overlay element. I have route which is opening overlay on init and component rendered on overlay has his own router outlet. I also use ViewContainerRef ...
0
votes
0
answers
30
views
Ionic Angular TypeError: this.router.navigate is not a function
i am making a API call after the QR code scan,in the qr code row value my api url is present after the successfully fetching data i want to redirect to registration page but the following error is ...
1
vote
1
answer
55
views
Access child components through <router-outlet> tag in Angular 17
In my app.routes.ts,
export const routes: Routes = [
...
{
path: "student",
component: StudentComponent,
children: [
{
path: "first-component",
...
1
vote
1
answer
59
views
Angular 2+ the Selected tab stays selected after i reload the page
I want the selected tab stays selected after I reload the page, but this wont happen.
In The first image, I'm in the second tab which displays itself in the URL and in the navbar, This is before ...