2016-08-21 3 views
0

각 EventEmitter가있는 두 개의 구성 요소가있는 Angular 2로 앱을 만들고 있습니다. 하나의 EventEmitter는 체크 박스가 체크/체크되지 않았을 때 발생하고 다른 하나는 검색 키워드가 입력되면 시작됩니다. 검색 표시 줄은 머리글 구성 요소에 있고 확인란은 다른 구성 요소에 있습니다.Angular 2는 두 개의 EventEmitters를 결합합니다.

나는이 eventEmitters을 따로 잡을 수 있습니다. 그러나 데이터를 URL 매개 변수에 결합하고 싶습니다.

: http://localhost:4200;data=a123,b345,c678;q=searchkeyword

데이터 값이 체크 박스를 온되어야하고, 검색 창에서 q.

URL 매개 변수 데이터와 별도로 제공된 키워드를 추가하는 방법을 찾지 못하는 것 같습니다.

누군가 내가이 작업을 수행해야하는 방법을 제안 해 줄 수 있습니까?

답변

0

두 이벤트가 모두 관찰 될 때까지 기다릴 필요가 있다는 것을 의미하는 경우 관찰 가능을 사용하는 것이 좋습니다. 우편 번호 연산자 : http://reactivex.io/documentation/operators/zip.html

+0

두 이벤트는 서로 다른 시간에 실행될 수 있습니다. 그러나 그들은 서로를 무시하지 않아도됩니다. 한 이벤트는'data' 값을 보내고 다른 이벤트는'searchkeyword'를 보냅니다. 그들의 값에 따라 URL을 구축해야합니다. 예를 들어, 두 개의 확인란을 선택하면 URL이 변경됩니다. 그런 다음 나중에 검색 필드에 키워드를 입력하면 URL에 추가해야합니다 (확인란에 의해 설정된 값을 무시하지 않음). 이 질문을 조금 더 명확하게 희망 : – Hassan

+0

그래서 observables의 사용은 정확히 무엇이 필요합니다. 수신 대기하려는 개미 이벤트를 관찰 할 수있게하려면 병합 연산자로 모든 이벤트를 구독하십시오. http://reactivex.io/documentation/operators/merge.html 병합하면 더 잘 맞을 것입니다. – almog

+0

좋아, @almog, 내가 그것을 줄 것이다 - 고마워요! – Hassan

관련 문제