Angular 2 клик за пределами компонента?

Question

[Coder321]

У меня есть два компонента, родительский и дочерний. На родительском есть форма с инпутами, под инпутом есть дочерний компонент, что то типа автокомплита к инпуту. Мне нужно по клику на инпут открывать и закрывать этот дропдаун. С этим проблем нету. Но так же нужно закрывать инпут при клике за пределами дропдауна. И вот здесь проблема, клик по инпуту уже считается кликом вне дропдауна и дропдаун не открывается. Как обойти эту проблему? (хотя думаю это не проблема, и у Anguar 2 есть решения для этого)
Не большой пример на планкере: https://plnkr.co/edit/0Y1VtQ9CPoBB9kfsE8XG?p=preview

Comments

[Алексей Зуев]

https://plnkr.co/edit/z21lbgmv9SX9rjd4yR6k?p=preview Ищите в template вашего Parent компонента $event.stopPropagation()

Answer 1

[Ленар Мутигуллин]

Нужно сделать двустороннюю привязку, здесь подробно объяснено

Comments

[Coder321]

Проблема не с привязкой, а с тем что инпут считается кликом вне дропа.