I did this once, but I don't remember.
I think you need to set the *requireBase* attribute to false. Something
like this:
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
and maybe set something in the *index.html* file, but at the moment I'm not
remembering.
Take a look at the docs of the *$locationProvider*:
https://docs.angularjs.org/api/ng/provider/$locationProvider
On Tuesday, April 5, 2016 at 2:10:30 PM UTC-3, Mohammad Nasir Uddin wrote:
>
> I am new in angularJs. I just tried to route pages in angularJs. It's
> working but '#' symbol is shown. So I have used $locationProvider and
> $locationProvider.html5Mode(true); but it's not working. So I am giving my
> code bellow to seek for a help to find the problem. I am using CDN of
> angularJs.
>
> *The project Structure is:*
>
>
> <https://lh3.googleusercontent.com/-EiCuqW0y1eg/VwPw03RrB0I/AAAAAAAAFoY/6ILM3Q9PERERo2qDfRXTcV2NG8bgmHfIQ/s1600/EWohw.png>
>
>
> *app.Js File is*
>
> 'use strict';
>
> angular.module('myApp', ['myApp.controllers', 'ngRoute']);
>
> angular.module('myApp').config(function ($routeProvider, $locationProvider) {
> $routeProvider
> .when('/view1', {
> controller: 'Controller1',
> templateUrl: 'partials/view1.html'
> })
> .when('/view2', {
> controller: 'Controller2',
> templateUrl: 'partials/view2.html'
> });
>
> $locationProvider.html5Mode(true); //activate HTML5 Mode});
>
>
> *Controller is:*
>
> 'use strict';
>
> angular.module('myApp.controllers', [])
> .controller('Controller1', function ($scope) {
> $scope.message = "Hello, world";
> })
> .controller('Controller2', function ($scope) {
> $scope.now = new Date();
> });
>
> *Html Page is:*
>
> <!doctype html><html lang="en" ng-app="myApp"><head>
> <meta charset="utf-8">
> <title>AngularJS Routing</title>
> <link rel="stylesheet" href="app.css"/>
> <base href="/"></head><body><ul class="menu">
> <li><a href="/view1">view1</a></li>
> <li><a href="/view2">view2</a></li></ul><ng-view></ng-view><script
> src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js";></script><script
>
> src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.js";></script>
> <script src="app.js"></script><script
> src="controllers.js"></script></body></html>
>
>
> Can anyone help me to solve the problem
>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
