как передать данные другому компоненту с созданием класса наблюдаемого

Question

Я пытаюсь создать приложение с угловым 2, я хочу передать данные из компонента в другой компонент, который является родным или без отношения, Я искал это и читать некоторые документы, и я понимаю, что это возможно с созданием класса наблюдаемым, но не знаю, как это возможно ... У меня есть тег и хочу, когда пользователь нажимал на них, получает значение атрибута фильтра данных, и я хочу отправить это значение к другому компоненту и выполнить функцию ... я использую EventEmitter для дочернего к родительскому, но для этой проблемы не работает. это правда или нет? Если правда, как ?! спасибо.

Answer 1

Вам нужно создать общую службу для этого:

export class SharedService { 
    subject$:Subject = new Subject(); 
} 

Эта услуга должна быть общим для обоих компонентов. Для того, чтобы убедиться, что вы можете установить его, когда развернув приложение:

bootstrap(AppComponent, [ SharedService ]); 

Обратите внимание, что этот провайдер не должен быть указан в атрибуте компонентов providers.

Вот компонент, в котором инициируется событие:

@Component({ 
    (...) 
    template: ` 
    <div (click)="onClick()"></div> 
    ` 
}) 
export class Comp1 { 
    constructor(private service:SharedService) {} 
    onClick() { 
    this.service.subject$.next('a value'); 
    } 
} 

И компонент, который принимает значение:

@Component({ 
    (...) 
}) 
export class Comp2 { 
    constructor(private service:SharedService) { 
    this.service.subject$.subscribe(value => { 
     // Data received 
    }); 
    } 
}