<!DOCTYPE html>
<html lang="en" ng-app="app" data-ng-controller="MainController" class="no-js lt-ie9 lt-ie8 lt-ie7">
...
<title ng-bind="title"></title>MainController.$inject = ['pageTitle'];
/* @ngInject */
function MainController(pageTitle) {
var vm = this;
vm.title = pageTitle.getTitle();
}function pageTitle() {
this.title = 'default';
this.getTitle = getTitle;
this.setTitle = setTitle;
////////////////
function getTitle() {
return this.title;
}
function setTitle(newTitle) {
return this.title = newTitle;
}
}SomeController.$inject = ['pageTitle'];
/* @ngInject */
function SomeController(pageTitle) {
var vm = this;
vm.title = pageTitle.setTitle('SomeController Title');
}
<html .... data-ng-controller="MainController as ctrl">
<title ng-bind="ctrl.title"></title>angular.module('app', [])
.service('PageTitle', function() {
this.title = 'default';
this.setTitle = function (title) {
this.title = title;
};
this.getTitle = function () {
return this.title;
};
})
.controller('MainCtrl', function(PageTitle) {
PageTitle.setTitle('Foo Bar');
})
.directive('title', function (PageTitle) {
return {
restrict: 'E',
link: link
};
function link($scope, $el) {
$scope.$watch(watchFn, updateFn);
function watchFn() {
return PageTitle.getTitle();
}
function updateFn(title) {
$el.html(title);
}
}
});
Средний
Простой
Средний
Средний