Не работает маршрутизация страниц в ANGULAR JS

Question

Не работает маршрутизация страниц в ANGULAR JS

0

Я пытаюсь реализовать маршрутизацию страницы в Angular JS, но она не работает здесь.

Вот код:

var app = angular.module('myApp', ['ngRoute']);
app.config(function ($routeProvider) {
    debugger;
    $routeProvider
        .when('/home', {
            templateUrl: 'EmployeeHome.aspx',
            controller: 'EmpCtrl'
        })
        .when('/about', {
            templateUrl: 'ContactUs.html',
            controller: 'EmpCtrl'
        })
        .when('/contact', {
            templateUrl: 'About.html',
            controller: 'EmpCtrl'
        })
        .otherwise({
            redirectTo: '/home'
        });
});

    app.controller('EmpCtrl', function ($scope, $http)
    {
     $scope.message = "Welcome friends.";
    }

Вот моя страница пользовательского интерфейса EmployeeHome. aspx-

<head runat="server">
    <title></title>
    <script src="Scripts/angular.js"></script>
    <script src="Scripts/jquery-1.8.3.min.js"></script>
    <script src="Scripts/angular-route.min.js"></script>
    <script src="script.js"></script>
</head>
 <header>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="#"><i class="fa fa-home"></i>Home</a></li>
            <li><a href="#about"><i class="fa fa-shield"></i>About Us</a></li>
            <li><a href="#contact"><i class="fa fa-comment"></i>Contact Us</a></li>
        </ul>
    </header>

Ritesh Gupta 31 май 2016, в 15:53

Источник

0

Вы добавили ng-app = "myApp" в свой HTML-тег
Durgpal Singh 31 май 2016, в 13:26
0

Да конечно
Ritesh Gupta 31 май 2016, в 13:30
0

Вы видите какие-либо сообщения об ошибках в вашей консоли javascript?
Nicholas Hirras 31 май 2016, в 15:21
0

И проверьте вкладку сети в вашей консоли, чтобы увидеть, если у вас нет файла не найден.
Walfrat 01 июнь 2016, в 11:52

Показать ещё 2 комментария

Теги:

angularjs

2 ответа

Ещё вопросы

Вы добавили ng-app = "myApp" в свой HTML-тег
Вы видите какие-либо сообщения об ошибках в вашей консоли javascript?
И проверьте вкладку сети в вашей консоли, чтобы увидеть, если у вас нет файла не найден.

Nicholas Smith · Answer 1 · 2016-05-31T13-00-00.000Z

Трудно сказать без runnable пример, я не помню, если это требуется сейчас, но я передаю '$ routeProvider' и функцию следующим образом:

angular.module('staffApp').config(['$routeProvider',
     function($routeProvider) {
       $routeProvider.
         when('/home', {
               templateUrl: 'EmployeeHome.aspx',
               controller: 'EmpCtrl'
         }).
    ...

Walfrat · Answer 2 · 2016-05-31T11-22-00.000Z

Я думаю, вы забыли "/" во всем своем href. Итак, что-то вроде этого должно работать:

<li><a href="#"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#/about"><i class="fa fa-shield"></i>About Us</a></li>
<li><a href="#/contact"><i class="fa fa-comment"></i>Contact Us</a></li>

Я уже пробовал с '/', но результат тот же
@RiteshGupta я не вижу тега ng-app="myApp" это нормально?
Я не упоминал в приведенном выше коде, но его там <html xmlns = " w3.org/1999/xhtml " ng-app = "myApp">