Stack Overflow
Stack Overflow

Questions tagged [ngroute]

AngularJS module providing routing, deeplinking services and directives for AngularJS apps.

The ngRoute module provides routing, deeplinking services and directives for AngularJS apps.

Resources

879 questions
496
votes
11 answers

Redirecting to a certain route based on condition

I'm writing a small AngularJS app that has a login view and a main view, configured like so: $routeProvider .when('/main' , {templateUrl: 'partials/main.html', controller: MainController}) .when('/login', {templateUrl: 'partials/login.html',…
st.never
  • 11,723
  • 4
  • 20
  • 21
320
votes
10 answers

What's the most concise way to read query parameters in AngularJS?

I'd like to read the values of URL query parameters using AngularJS. I'm accessing the HTML with the following URL: http://127.0.0.1:8080/test.html?target=bob As expected, location.search is "?target=bob". For accessing the value of target, I've…
Ellis Whitehead
  • 6,338
  • 4
  • 18
  • 14
258
votes
14 answers

Removing the fragment identifier from AngularJS urls (# symbol)

Is it possible to remove the # symbol from angular.js URLs? I still want to be able to use the browser's back button, etc, when I change the view and will update the URL with params, but I don't want the # symbol. The tutorial routeProvider is…
Tim Webster
  • 9,158
  • 8
  • 27
  • 30
238
votes
8 answers

AngularJS : How do I switch views from a controller function?

I am trying to use the ng-click feature of AngularJS to switch views. How would I go about doing this with the code below? index.html
click me
…
The_Brink
  • 2,649
  • 2
  • 16
  • 18
102
votes
5 answers

angularjs 1.6.0 (latest now) routes not working

I was expecting to see this question on Stackoverflow but didn't. Apparently I'm the only one having this problem that seems to me to be very common. I have a basic project I am working on but the routes don't seem to work even though everything…
Awa Melvine
  • 3,797
  • 8
  • 34
  • 47
39
votes
7 answers

AngularJS Paging with $location.path but no ngView reload

My single page application loads a home page and I want to display a series of ideas. Each of the ideas is displayed in an animated flash container, with animations displayed to cycle between the ideas. Ideas are loaded using $http: $scope.flash =…
chrisbateskeegan
  • 1,013
  • 1
  • 11
  • 14
35
votes
6 answers

Angular 1 - get current URL parameters

I want to extract data from current URL and use it in controller. For example I have this url: app.dev/backend/surveys/2 Bits that I want to extract: app.dev/backend/ :type / :id Is there anything in Angular that could help me with this task ?
sarunast
  • 2,443
  • 3
  • 27
  • 37
30
votes
2 answers

"Controller as" syntax for ng-view

I was wondering how I use the Controller as syntax in combination with ngRoute since I cant do ng-controller="Controller as ctrl"
user1703761
  • 1,086
  • 3
  • 11
  • 23
24
votes
5 answers

How to display common header and footer by default in angular 2?

I have common header components and footer components. countries list are loading on homepage. whenever click on the country. page will get reloaded and displaying text Loading... and then header and footer displaying. but I want to display the…
Vel
  • 9,027
  • 6
  • 34
  • 66
15
votes
1 answer

Angular routes contain #! in the url instead of #

Recently I have noticed that when using ngRoute module in an AngularJS app, the route contains #! in the URL, which was earlier just the #. For example, www.webiste.com/#/login becomes www.website.com/#!/login I have to enable the html5Mode and also…
Samarth Agarwal
  • 2,044
  • 8
  • 39
  • 79
14
votes
2 answers

Angular app not loading CSS and JS on refreshing page?

I have an app using AngularJS. Here is a link of it - Angular App All the links in the navbar are using default angular router. All the pages work fine when i refresh them, but a page like this loads the content without css and js when i refresh it…
doctorsherlock
  • 1,334
  • 4
  • 19
  • 41
14
votes
3 answers

Angular js - check if current url matches the route (with dynamic url params)

i'm simply doing setting this: app.config(['$routeProvider',function($routeProvider) { $routeProvider .when('/asd/:id/:slug',{ templateUrl:'views/home/index.html', controller:'Home', publicAccess:true, sessionAccess:true …
itsme
  • 48,972
  • 96
  • 224
  • 345
14
votes
2 answers

migrating from ngRoute/$routeProvider to ui-router/$urlRouterProvider

I want to start using Angular's ui-router instead of ngRoute. Originally, my app config looked like myApp.config(["$routeProvider", function($routeProvider) { $routeProvider .when("/search", { templateUrl:…
nshew13
  • 3,052
  • 5
  • 25
  • 39
14
votes
3 answers

Error: No module: ngRoute when trying to implement routing in angularjs

app = angular.module("dithat", ["ngRoute", "ngResource", 'ng-rails-csrf']); app.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/', { templateUrl: 'app/views/layouts/_user_page.html', controller:…
natecraft1
  • 2,737
  • 9
  • 36
  • 56
13
votes
2 answers

AngularJs Routing with parameters

Can someone explain how I can route to a Url using parameters? E.g. id like to click on a product and open more info of the product by Id. My Routing so far ... angular.module('shop', ["customFilters", "cart", "ngRoute"]) …
ClarkySmiverz77
  • 203
  • 1
  • 4
  • 13
1
2 3
…
58 59