angular-routing

I'm making a web app where users can view objects on a map, press a marker and go to a new view with information. From that view they can traverse deeper, into more information. Something like: /map /tree/{treeid} /tree/{treeid}/information/{informationid} I know how to keep the actual model state when traversing between routes/states. The problem is that I don't want to recalculate the entire map (with markers and everything) when I go back in the browser history. In other words, I want to keep the rendered state of /map when traversing further. This can easily be achieved by using search

I am using Angular 5.2 version in the project. I am setting the base reference dynamically in the index.html to satisfy the different URL for different clients. The app main page url looks like this :- http://example.com/client1/app/login http://example.com/client2/app/login http://example.com/client3/app/login client1, client2 etc are virtual directories in the IIS. When i run the app in the browser, i can see from the inspect window that the duplicate chunks are getting loaded and causing the app page to slow down. One thing i observed the web request url of the duplicate chunks. let's say

I'm using angularJS to build a simple single page application using AJAX, but I'm running into a problem when users use the native back button. angular.module('myApp', ['ionic', 'myApp.controllers', myApp.services]) .config(function ($routeProvider, $locationProvider) { $routeProvider.when('/home', { templateUrl: 'templates/feed.html', controller: 'MenuCtrl', reloadOnSearch: false }); $routeProvider.when('/checkin/view/:id', { templateUrl: 'templates/checkin.html', controller: 'MenuCtrl' }); $routeProvider.otherwise({ redirectTo: '/home' }); $locationProvider.html5Mode(true) }) UPDATE: moved

I am struggling with Angular framework to get my application run smoothly, but I can't resolve an issue with routing. I have a top level AppComponent and app-routing.module.ts which manage the navigation via my custom SlideMenuComponent . My simplified html template of AppComponent : <app-slide-menu [buttons]="menuButtons"></app-slide-menu> <router-outlet></router-outlet> My SlideMenuComponent has the following html as its core: <nav><div *ngFor="let button of buttons"> <a routerLink="{{button.routerLink}}" >{{button.name}}</a> </div></nav> A user can navigate to '/courses' through this slide

Probably this is an easy question for advanced angular users, but I did not find this issue somewhere well explained. So I was restructuring my code, when I realized, I have two controllers in a view, which is not a problem, when controller 'ACtrl' is binded by the $stateProvider and controller 'BCtrl' is binded in the view by ng-controller. But when I try to assign both of them in the $stateProvider like this: $stateProvider.state('a.view', { url: "/anurl", views: { 'menuContent': { templateUrl: "anUrlToMyTemplates", controller: 'ACtrl', 'BCtrl' } } }); or that: $stateProvider.state('a.view',

I was looking for a good way to get the current route's path name. This was the easiest I could find. this.route.snapshot.firstChild.url[0].path Is there a better way? Thanks! Thanks everyone for the answers. Here is what I found that I had to do. router.events.subscribe((event: Event) => { console.log(event); if (event instanceof NavigationEnd ) { this.currentUrl = event.url; } }); Pardeep Jain easiest way to find current path is either you directly use this.router.url or you can check current path on every router change using its events like this this.router.events.subscribe((res) => {