В angularjs передаю данные между контроллерами. Но не могу ее использовать.
$rootScope.$on('rootScope:emit', function (event, data) {
$scope.echo = data;
let input = document.getElementById('focus');
console.log('INPUT', input);
});
Далее вызываю функцию при ng-init элемента:
function getFocus(guide) {
let input = document.getElementById('focus');
console.log('ECHO', $scope.echo);
}
В итоге в консоли получаю null и undefined. Я понимаю, если бы либо одно, либо другое грузилось раньше. Может кто-нибудь объяснить, почему так происходит? И как это исправить?
Мне нужно при загрузке компонента проскроллить до нужного элемента, атрибут которого равен переданному значению. Но внутри $scope.$on проверка проходит успешно, но анимация не срабатывает. А вне прослушки вылазит проблема выше.
Вот так анимация не работает:
$scope.getFocus = function() {
let input = document.getElementById('focus');
$rootScope.$on('rootScope:emit', function (event, data) {
if(input.getAttribute('name') == data) {
console.log('OK');
$timeout(function () {
$([document.documentElement, document.body]).animate({
scrollTop: $(input).offset().top - 65
}, 1000);
}, 500);
} else {
console.log('NO');
}
});
}
Так не срабатывает условие, т.к. data всегда 0, даже если задержку перед условием поставить:
$scope.getFocus = function() {
let input = document.getElementById('focus');
let data = 0;
$rootScope.$on('rootScope:emit', function (event, data) {
data = data;
});
if(input.getAttribute('name') == data) {
console.log('OK');
$timeout(function () {
$([document.documentElement, document.body]).animate({
scrollTop: $(input).offset().top - 65
}, 1000);
}, 500);
} else {
console.log('NO');
}
}
Если же прослушивать вне метода, то html элемент null, либо свойство $scope.echo, куда записываю переданное значение, при проверки условия в методе еще не создано. Как будто сначала выполняется прослушка, потом строится DOM дерево и вызванный оттуда метод, а только после этого переданное значение записывается в $scope.echo. Ну это же бред.