Передача данных между двумя дочерними компонентами в angular 2?

Question

[Владислав]

День добрый.

Второй день втыкаю в следующую проблему.
Подскажите, как передать данные из одного дочернего компонента, в другой? Пробовал через сервис, оформив подписку. НО из-за, того что это получается асинхронный запрос, данные в VIEW не обновляются.

из компонента А передаю код ошибки:

this._appService.onLoggerError(1);

после средствами сервиса делаю emit:

onLoggerError(messageCode: number) {
this._router.navigate(['error']);
this._emmitMessageStatus.emit(messageCode)
}

и получаю в компоненте Б

export class AppErrorComponent implements OnInit {
public _messageErrorUser: string;

constructor(private _appService: AppService) {

}

ngOnInit() {
this._appService._emmitMessageStatus.subscribe(data => {
// тут присваивается дата, но за пределами подписки, значени не обновляется
this._messageErrorUser = data;
})
// тут Undefined, а нужно чтобы было равно data
console.log(this._messageErrorUser)
}
}

p.s если можно, дайте пример, как правильно передавать данные из А в B, через сервисы.
Спасибо

Answer 1

[Владислав]

В общем решил проблему через глобальный сервис. Не уверен, что вариант верный, но тем не менее работает.
Отправитель:

this._appService.onLoggerError(1);

Глобальный сервис:

private __loggerSource = new BehaviorSubject(0);
__loggerError$ = this.__loggerSource.asObservable();
onLoggerError(code: number){
this.__loggerSource.next(code);
this._router.navigate(['error']);
}

Получатель:

this._subscription = this._appService.__loggerError$
.subscribe(item => {
this._messageErrorCode = item
})

Comments

[⚡ Kotobotov ⚡]

есть еще вариант не использовать ангуляр совсем, и тогда не будет проблем с тем как выстраивать взаимодействия между чужими абстракциями.
Мы начинаем что-то упрощать чужими абстракциями, а потом получается такой жуткий оверинженеринг)

[Владислав]

дима кубитский: критикуешь — предлагай.

[⚡ Kotobotov ⚡]

Владислав: ну я на scala.js инногда делаю фронтэнд (хотя редко фронтэндом занимаюсь), раньше ангуляром часто пользовался, тк простые вещи он позволяет делать очень просто, однако как оказалось, сложные вещи там делать очень сложно.
Двойное связывание на scala на уровне Реактивного программирования в языке реализованно, поэтому там это попроще.
А вобще основная проблема с которой я обычно сталкиваюсь не с реализаций а с выстраиванием корректных коммуникаций между разными абстракциями, модулями, компонентами, фронтэндом и бэкендом.
В итоге я сейчас пришел к тому что нужно иметь единый язык (единый фреймворк), внутри которого эти коммуникации бесшовно работают.
На скала там есть такая возможность как работы одновременно с фронтэндом, бэкендом, шаблонизатором и стилизаций из одного места.
В ЖС что-то похожее вроде предоставляет meteor.js

[Владислав]

дима кубитский: так во a2, итак RXJS используется. Но в любом случае, спс сегодня посмотрю, что там за плюсы