Как изменить заголовок, отображаемый вне области действия контроллера, в зависимости от текущего контроллера, предоставляемого маршрутизатором? В принципе, у меня есть контроллер mainMenu, который загружается при вызове определенного маршрута. Однако вне представления есть частичное включение, которое является заголовком. Я хочу изменить вывод внутри заголовка в зависимости от текущего маршрута. Я добавил структура ниже код:Угловой 1: Изменить название в зависимости от текущего маршрута
index.html
<div ng-include="'partials/header.html'"></div>
<div ng-view></div>
/partials/header.html
<header ng-controller="HeaderCtrl">
<h1>{{ currentTitle }}</h1>
</header>
/partials/main-menu.html
<div ng-controller="MainMenuCtrl">
</div>
маршрутизатор
var TaskApp = angular.module('TaskApp', [
'ngRoute',
'taskAppControllers'
]);
TaskApp.config(['$routeProvider',
function($routeProvider){
$routeProvider.
when('/main-menu', {
templateUrl: "partials/main-menu.html",
controller: "MainMenuCtrl"
}).
otherwise({
redirectTo: "/"
});
}]);
Контроллеры:
var taskAppControllers = angular.module('taskAppControllers',[]);
taskAppControllers.controller('TaskAppCtrl',[function(){}]);
taskAppControllers.controller('DesktopCtrl',[function(){}]);
taskAppControllers.controller('MainMenuCtrl', ['$scope','$http',
function($scope, $http){
$http.get('data/main-menu.json?' + Math.random()).success(function(data){
$scope.mainMenuOptions = data;
});
$scope.currentTitle = "Main menu"
}]);
taskAppControllers.controller('HeaderCtrl', ['$scope',
function($scope){
//
}]);
Вы можете использовать этот модуль https://github.com/ncuillery/angular-breadcrumb –
Установить заголовок на $ rootScope –