Как можно передать $rootScope в компонент в стиле Angular 1.5?

Question

[DKit]

Когда-то делал по туториалам еще до 1.5 и после аутентификации записывал
$rootScope.authenticated = true;
$rootScope.currentUser = JSON.parse(localStorage.getItem('user');
и спокойно использовал везде где нужно
Сейчас пытаюсь несколько освежить на 1.5 и конечно сталкиваюсь со многими изменениями.
Пытался в тупую.

myApp
	.component('home', {
		bindings: {},
  	template:  '<h1> Wellcome, {{$rootScope.currentUser}}{{currentUser}}</h1>',
  	controller: function ($rootScope) {
			console.log($rootScope);
//я его нахожу где-то в дебрях, но в шаблон не лезет ни в какую
  	}
})

Делал это в ..

myApp.run(function($rootScope) {
                var user = JSON.parse(localStorage.getItem('user'));
                if(user) {
                    $rootScope.authenticated = true;
                    $rootScope.currentUser = user;
})}

В итоге сделал через factory.

myApp
	.component('home', {
		bindings: {},
  	template:  '<h1> Wellcome, {{$ctrl.user}}</h1>',
  	controller: function (Auth) {
			var $ctrl = this;
			$ctrl.user = Auth.getAuthUser();
	}
})

Понимаю, что скорее всего ответ будет "никак, забудь", но все же - как $rootScope использовать?

Answer 1

[Николай]

$rootScope всё так же отлично инжектится, только вы из него значение присвойте какому-то свойству в контроллере.

function ($rootScope) {
      var vm = this;
       vm.user = $rootScope.currentUser;
}

В шаблоне:
'<h1> Wellcome, {{$ctrl.user}}</h1>'
Учтите, что делать так - вставлять себе палки в колёса. Чем вас не устраивает наличие фабрики?

Comments

[DKit]

спасибо. Просто у меня в упор не получается поменять значения в компоненте header((
нагородил огород.
есть компонент signin с формой для регистрации
сделал компонент header в котором делается проверка ng-if=authenticated
есть вот эта фабрика Auth с функцией isAuthenticated

так вот - регистрация проходит нормально. в localstorage все успешно прописывается.
после делается переход $state.go('home') и соответственно контроллер компонента из роутера инициируется и фабрика срабатывает.

но так как header идет отдельным компонентом - никак не получается передать или вызвать данные.

//это компонент, который по идее статичен теперь.
соответственно компонент из роутера.

если уж совсем косноязычно говорить, то не хватает сделать:
при нажатии submit в контроллере компонента signin присвоить значение authenticated = true в компоненте header - ну или вызвать функцию из фабрики

чего-то я нагородил(

[DKit]

Николай выше мой комментарий... когда header был в общей обойме - понятно, что контроллер заново вызвался и все срабатывало. А теперь условного reload не хватает...

[DKit]

Николай походу я все же изначально неверно понял как делить на компоненты... в любом случае процесс аутентификации - signin signup logout это звенья одной цепи и должны быть в едином сервисе. Мало примеров для 1.5 на старом синтаксисе - без этих многичисленных import export.