2

У меня есть роутер который загружает тело сайта, есть шапка которая грузится всегда. Мне нужно что бы у шапки был свой контроллер, а у тела свой. Можно ли это сделать и как?

Мой текущий код, роутер работает, а шапка нет.

//app.js
var app = angular.module('myApp', [
    'ngRoute',
    'ngCookies',
    'myApp.main',
    'myApp.navbar',
]);

app.config(['$locationProvider', '$routeProvider', function ($locationProvider, $routeProvider) {
    $locationProvider.hashPrefix('!');

    $routeProvider.otherwise({ redirectTo: '/' });
}]);

//main.js
angular.module('myApp.main', ['ngRoute'])
    .config([
        '$routeProvider', function ($routeProvider) {
            $routeProvider.when('/', {
                templateUrl: 'js/main/main.html',
                controller: 'MainCtrl'
            });
        }
    ])
    .controller('MainCtrl', [
        '$location', '$http', '$scope', '$cookies', function ($location, $http, $scope, $cookies) {
            ......
        }
    ]);

//navbar.js
angular.module('myApp.navbar', [])

    .controller('NavbarCtrl', [
        '$scope', '$cookies', function ($scope, $cookies) {
             ...............
        }
    }]);

//index.html
<body ng-app='myApp'>
<nav ng-controller="NavbarCtrl">
  тут шапка и контроллер NavbarCtrl тут не работет
</nav>

<div ng-view></div> тут загружается тело

<script src="./js/app.js"></script>
<script src="./js/navbar.js"></script>
<script src="./js/main/main.js"></script>
</body>
5
  • Если хотите использовать именно этот плагин для роутинга. Тогда смотрите сюда stackoverflow.com/questions/25061540/… 12 мар 2017 в 9:53
  • Если же готовы поменять плагин тогда берите вот этот github.com/angular-ui/ui-router . Там все хорошо расписано как и куда. 12 мар 2017 в 9:55
  • почему ты думаешь, что не работает? можешь сделать минимальный воспроизводимый пример пример? например на plnkr.co
    – Grundy
    12 мар 2017 в 10:35
  • @Grundy ну потому что у меня не работает ) Я попробую позже на plnkr правда у меня с ним были какие то проблемы с подключением ангуляра.
    – Sergei R
    12 мар 2017 в 11:01
  • @YaroslavZaika спасибо ui-router то, что надо.
    – Sergei R
    12 мар 2017 в 17:16

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Посмотрите другие вопросы с метками или задайте свой вопрос.