Как правильно наследовать контроллер в angular?

Question

[pavtaras]

Суть вопроса. Есть два контроллера:

angular.module('app', [])
	.controller('AbstractCtrl', AbstractCtrl)
	.controller('AppCtrl', AppCtrl);

Код абстрактного контроллера оставим неизменным:

function AbstractCtrl(){
	var self = this;

	self.name = "Vova";

	self.init = function(){
		self.name = "Petya";
	};
}

А вот второй контроллер унаследуем двумя способами и вызовем инициализацию:
способ №1:

function AppCtrl($controller){
	var vm = this;
	angular.extend(vm, $controller('AbstractCtrl', {}));
	vm.init();
}

способ №2:

function AppCtrl(){
	var vm = this;
	AbstractCtrl.call(this);
	vm.init();
}

Разница есть и существенная. После инициализации контроллера унаследованного первым способом у нас будет имя Vova, вторым способом - Petya. Понятно, что ожидаем Петю. И понятно, что данный абстрактный контроллер здесь можно переписать так, что оба раза будет Петя. Но переписывать не годится, тем более, что код является корректным.

Итого, наследование вторым способом мне кажется более универсальным. Но зачастую разработчики пишут контроллеры:
а) анонимными функциями и нету возможности
б) разделяют код по файлам да еще используют самовызывающиеся функции, чтобы не засорять глобальный скоуп. Как результат в файле другого контроллера мы не видим нужной функции и отнаследовать не можем. Можно хранить, например в window.controllers коллекцию всех контроллеров, но это видится гемором.

Как выходить из такого положения? Может есть в angular какой-то геттер, который позволит получить функцию контроллера? Например, angular.get('AbstractCtrl'). Или вообще какой-нибудь другой, более совершенный способ наследования?

Спасибо.

Comments

[Алексей Ярков]

$injector.get('AbstractCtrl') смотрели? Сервисы он инжектит, а вот контроллеры не пробовал.

[pavtaras]

Алексей Ярков: пробовал, не работает

[Роман Огарков]

Спрашивается, зачем всё это безобразие?

Answer 1

[napa3um]

function AppCtrl($scope, $controller) {
  $controller('AbstractCtrl', { $scope: $scope });
}

// или

function AppCtrl($controller) {
  $controller('AbstractCtrl', { vm: this });
}

Comments

[pavtaras]

Не катит, скоуп не используется

[napa3um]

pavtaras: дополнил ответ.

[pavtaras]

vm в AbstractCtrl отсутствует же)

[napa3um]

pavtaras: т.е., вы не используете режим "controller as" для линкования скоупа с контроллером? Тогда используйте первый вариант.

[pavtaras]

napa3um: используется именно controller as синтаксис, поэтому скоуп и не юзаю тут.

Вы написали следующий вариант, но зависимости `vm` в AbstractCtrl нету:
$controller('AbstractCtrl', { vm: this });

[napa3um]

pavtaras: попробуйте $controller('AbstractCtrl', this), если не хотите изолировать примешиваемый контроллер в отдельную переменную.

[napa3um]

И сокуп у контроллера всё равно есть, даже если через this.

[napa3um]

В общем, основная идея в том, что $controller сам примешивает к своему аргументу контроллер, не нужно его получать и руками примешивать. С параметрами сами разберётесь, если целью является разобраться, а не доказать неверность ответа.

[napa3um]

(а vm - не зависимость, а просто свойство в скоупе с именем контроллера, указываемого в as)

[napa3um]

stackoverflow.com/questions/11605917/this-vs-scope... - объяснение связи контроллеров и скоупов

[napa3um]

www.infragistics.com/community/blogs/dhananjay_kum... - пример использования "controller as" и переменной vm.

[napa3um]

https://github.com/johnpapa/angular-styleguide/blo... - рекомендации по стилю ангулярного кода и именованию переменной vm в частности.

[pavtaras]

Спасибо

Answer 2

[pavtaras]

Сам вижу как вариант написать фабрику, которая возвращает нужную функцию, которую можно в контроллер в дальнейшем заинджектить и вызвать через .call. Но это какой-то костыль и не подходит для неабстрактных контроллеров

Answer 3

[yociyavi]

Вынесите общий функционал в сервис, и в каждом контроллере смержите этот сервис с this контроллера

Comments

[napa3um]

У контроллера цикл жизни короче, чем у сервисов. Понадобится фабрика контроллеров в сервисе, иначе у инстанцированных в разных местах контролеров могут возникнуть общие данные. Но фабрика контроллеров в Ангуляре уже и без того предусмотрена, это сервис $controller.

Answer 4

[Роман Огарков]

Если нужна общая функция для множества контроллеров создавай фабрику

Comments

[pavtaras]

Можно пример?