Угловой маршрутизация не работает

Моя угловая маршрутизация не работает (нажав на ссылку не приводишь к изменению маршрута):Угловой маршрутизация не работает

var smu72App = angular.module("smu72App", [ 
     "ngRoute" 
]). 
    config(function ($routeProvider, $locationProvider) { 
     $routeProvider 
      .when("/", { 
       templateUrl: "/templates/home.html", 
       controller: 'smu72Controller' 
      }) 
      .when("/objects", { 
       templateUrl: "/templates/objects.html", 
       controller: 'smu72Controller' 
      }) 
      .when("/object/:Id", { 
       templateUrl: '/templates/object.html', 
       controller: 'smu72Controller' 
      }) 
     .otherwise({ 
      redirectTo: "/" 
     }); 
     $locationProvider.html5Mode(true); 
    });

Это главная страница держащейся нг ракурса (вырезанный немного для лучшего чтения):

<!DOCTYPE html> 
<html ng-app="smu72App"> 
.... 
    <base href="/"> 
..... 
<body data-spy="scroll" data-target="#navbar" data-offset="0"> 
    ... 
       <div class="collapse navbar-collapse"> //THAT'S SCROLLSPY LINKS (NOT ANGULAR) 
        <ul class="nav navbar-nav"> 
         <li class="active"><a href="/"><i class="fa fa-home" aria-hidden="true"></i></a></li> 
         <li><a href="#services"> УСЛУГИ</a></li> 
         <li><a href="#portfolio"> OБЪЕКТЫ</a></li> 
         <li><a href="#about-us"> OТЗЫВЫ</a></li> 
         <li><a href="#certificates"> СЕРТИФИКАТЫ</a></li> 
         <li><a href="#contact"> КОНТАКТЫ</a></li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    <div ng-view></div> 
    ... 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script> 
    <script src="https://code.angularjs.org/1.5.3/angular-route.min.js"></script> 
    <script src="https://code.angularjs.org/1.5.3/angular-resource.min.js"></script> 
    <script src="Scripts/simplbox.min.js"></script> 
    <script src="http://localhost:25018/Scripts/main.js"></script> 
    <script src="http://localhost:25018/Scripts/app.js"></script> 
    <script src="http://localhost:25018/Scripts/smu72Controller.js"></script> 
</body> 
</html>

источник

2016-04-19 andrey.shedko

Try 'smu72App.config' вместо' вар smu72App = agular .module ("smu72App", ["ngRoute"]). config' Надеюсь, что эта помощь. – DieuNQ

Это не работает. –

Объявить свой первый модуль

angular.module("smu72App", ["ngRoute"]);

Затем инициализации конфигурации

angular.module("smu72App").config("....ur routes in here");

Вы получаете ошибки консоли?

Я заметил одно то, что ur anchor tag href не соответствует маршрутам в разделе конфигурации ur, кроме домашней страницы ur, и поэтому главная страница ur загружается нормально.

Просто пример попробовать ур якорный тег, как этот <a href="#/about"> или как <a href="/about"> сог я думаю, ур не используя хэш и создать ур маршрут как ниже

$routeProvider.when('/about', { 
     templateUrl: 'partials/about.html', 
     controller: 'AboutCtrl' 
    });

источник

2016-04-19 03:27:28

Нет, в консоли нет ошибок, так как это не работает. –

Вы получаете страницу home.html? –

Да, шаблон по умолчанию (home.html) загружается отлично, но ссылки на другие шаблоны не работают. –

Угловой маршрутизация не работает

ответ

Смежные вопросы