Получение проблемы при маршрутизации пути с помощью angular.js

Question

Получение проблемы при маршрутизации пути с помощью angular.js

0

Привет, у меня есть одна небольшая проблема при маршрутизации пути с помощью angular.js.Я объясняю свой код ниже.

app.js:

var GoFastoApp=angular.module('GofastoHome',['ngRoute']);
GoFastoApp.config(function($routeProvider) {
    $routeProvider
    .when('/',{
        templateUrl : 'view/home.html',
        controller  : 'homecontroller'
    })
    .when('/deptinfo',{
        templateUrl : 'view/info.html',
        controller  : 'infocontroller'
    })
    .when('/TimeTable',{
        templateUrl : 'view/time.html',
        controller  : 'timecontroller'
    })
    .when('/course',{
        templateUrl : 'view/course.html',
        controller  : 'coursecontroller'
    })
    .when('/subject',{
        templateUrl : 'view/subject.html',
        controller  : 'subjectcontroller'
    })
    .when('/hod',{
        templateUrl : 'view/hod.html',
        controller  : 'hodcontroller'
    })
    .when('/faculty',{
        templateUrl : 'view/faculty.html',
        controller  : 'facultycontroller'
    })
})

Когда я печатаю oditek.in/Gofast/ в адресной строке браузера появляется требуемая страница, но после получения страницы адресная строка url показывает oditek.in/Gofast/#/ Я получаю нежелательные # с этим url и нужно удалить this.Please помочь мне решить эту проблему.

satya 01 окт. 2015, в 14:12

Источник

0

Вы включили режим html5?
Bas Slagter 01 окт. 2015, в 11:52
1

Посмотрите на этот ответ
Arkantos 01 окт. 2015, в 11:53
0

@BasSlagter: Да.
satya 01 окт. 2015, в 11:54
0

Вы включили html5Mode и определили <base> как объяснено в этом ответе? Вы все еще сталкиваетесь с проблемой? Какой браузер вы тестируете?
Arkantos 01 окт. 2015, в 11:55
0

@Arkantos: я тестирую в Google Chrome. Могу ли я написать $routeProvider.html5Mode(true); в этом файле?
satya 01 окт. 2015, в 11:58
0

@Arkantos: я сделал согласно этому ответу, но это выдает некоторую ошибку.
satya 01 окт. 2015, в 12:05
0

Нет. Метод html5Mode только для $ locationProvider. Какую ошибку вы видите в своей консоли?
Arkantos 01 окт. 2015, в 12:11
0

Давайте продолжим эту дискуссию в чате .
satya 01 окт. 2015, в 12:11
0

Так работает angularjs по умолчанию. Помните, что когда вы устанавливаете режим html5, вы удалите это, вы можете отредактировать ваш файл .htaccess, web.config, ..., чтобы он всегда указывал на ваш index.html. Также в браузерах, которые не поддерживают режим html5 , он вернется к использованию # снова.
Swimburger 01 окт. 2015, в 13:12

Показать ещё 7 комментариев

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Вы включили html5Mode и определили <base> как объяснено в этом ответе? Вы все еще сталкиваетесь с проблемой? Какой браузер вы тестируете?
@Arkantos: я тестирую в Google Chrome. Могу ли я написать $routeProvider.html5Mode(true); в этом файле?
@Arkantos: я сделал согласно этому ответу, но это выдает некоторую ошибку.
Нет. Метод html5Mode только для $ locationProvider. Какую ошибку вы видите в своей консоли?
Давайте продолжим эту дискуссию в чате .
Так работает angularjs по умолчанию. Помните, что когда вы устанавливаете режим html5, вы удалите это, вы можете отредактировать ваш файл .htaccess, web.config, ..., чтобы он всегда указывал на ваш index.html. Также в браузерах, которые не поддерживают режим html5 , он вернется к использованию # снова.

Arkantos · Accepted Answer · 2015-10-01T11-42-00.000Z

Вам нужно включить html5Mode а также указать значение <base> URL в вашей разметке, как html5Mode ниже.

app.js

GoFastoApp.config(function($routeProvider, $locationProvider) {

    $locationProvider.html5Mode({
      enabled: true,
      requireBase: true
    });

   // remaining router config goes here
});

Обычно он предпочитает иметь <base> внутри вашего <head>, но если у вас есть файлы CSS и JS вне <head>, то добавьте его внизу своей HTML-страницы, возможно, после всех файлов CSS и JS, перед закрытием <body>, определите baseURI, как показано ниже.

<base href="/Gofast/">