AngularJS: ngRoute Not Working

by

It’s properly because you are using angular 1.6 and there has been a change the default hash-prefix:

Due to aa077e8, the default hash-prefix used for $location hash-bang
URLs has changed from the empty string (”) to the bang (‘!’). If your
application does not use HTML5 mode or is being run on browsers that
do not support HTML5 mode, and you have not specified your own
hash-prefix then client side URLs will now contain a ! prefix. For
example, rather than mydomain.com/#/a/b/c the URL will become
mydomain.com/#!/a/b/c.

If you actually want to have no hash-prefix, then you can restore the
previous behavior by adding a configuration block to you application:

appModule.config([‘$locationProvider’, function($locationProvider) {
$locationProvider.hashPrefix(”); }]); Source

So you have some options:

1. Set HTML5mode true

$locationProvider.html5Mode(true);

and in html set base in html header:

<base href="https://stackoverflow.com/">

Lastly change <a ng-href="#voip"> to 

<a ng-href="https://stackoverflow.com/questions/41655534/voip">

2. Use the 1.6 way
Change
<a ng-href="#voip">

to
<a ng-href="#!voip">

3. Go back to old behaviour from 1.5 – set hash prefix manually

app.config(['$locationProvider', function($locationProvider) {
  $locationProvider.hashPrefix('');
}]);

More Related Contents:

  1. Removing the fragment identifier from AngularJS urls (# symbol)
  2. angularjs 1.6.0 (latest now) routes not working
  3. Redirecting to a certain route based on condition
  4. What’s the most concise way to read query parameters in AngularJS?
  5. AngularJS Paging with $location.path but no ngView reload
  6. how to convert the float 9.88 number to integer 9 in angularjs?
  7. ‘this’ vs $scope in AngularJS controllers
  8. How can I dynamically add a directive in AngularJS?
  9. Binary files corrupted – How to Download Binary Files with AngularJS
  10. Combating AngularJS executing controller twice
  11. AngularJS – Does $destroy remove event listeners?
  12. Difficulty with ng-model, ng-repeat, and inputs
  13. Sending event when AngularJS finished loading
  14. AngularJS vs Angular [closed]
  15. AngularJS – pass function to directive
  16. AngularJS – How to structure a custom filter with ng-repeat to return items conditionally
  17. How to skip the OPTIONS preflight request?
  18. Error: 10 $digest() iterations reached. Aborting! with dynamic sortby predicate
  19. Angularjs: input[text] ngChange fires while the value is changing
  20. Angular.js: How does $eval work and why is it different from vanilla eval?
  21. angular $q, How to chain multiple promises within and after a for-loop
  22. Angular JS: how to bind to promises
  23. Order by Object key in ng-repeat
  24. Sharing data between directives
  25. Angular JS resizable div directive
  26. Angular directive for a fallback image
  27. Is it possible to use ng-include without web server?
  28. AngularJS ng-model-options getter-setter
  29. When to use double braces {{}} in angularJS
  30. Angular reload current route and reload the current template

Leave a Comment