Angular 我不知道';我不知道如何修复HostListener上的单击事件

Angular 我不知道';我不知道如何修复HostListener上的单击事件,angular,typescript,Angular,Typescript,嗨,伙计们,我正在用keyup事件展示一个div。每当我单击keyup事件时也使用clickoutside事件clickoutside事件也会触发。谁能告诉我如何解决这个问题吗 已使用HostListener模块 @HostListener('keyup') click(){ console.log('inside keyup'); } @HostListener('document:click') cickout(){ console.log('clicke

嗨,伙计们,我正在用keyup事件展示一个div。每当我单击keyup事件时也使用clickoutside事件clickoutside事件也会触发。谁能告诉我如何解决这个问题吗

已使用HostListener模块

 @HostListener('keyup')
   click(){
     console.log('inside keyup');
    }
 @HostListener('document:click')
 cickout(){
   console.log('clicked outside');
  }

您可以检查单击的元素是否为输入,并基于以下内容建立逻辑:

@HostListener('document:click',['$event']))
西科特(活动){
如果(event.target.tagName==“输入”){
log('单击输入');
}否则{
//做事
}
}

演示:

对不起,你的问题不太清楚-至少对我来说是这样。请创建一个链接,你能在这个stackblitz演示中提供更多细节吗:顺便说一句,它似乎和预期的一样工作。实际上,我的问题是,如果我在单击事件中单击clickout事件也会触发。是的,它很好并且工作得很好,很高兴我能提供帮助!:)你能和我分享一下如何在stackblitz制作样本项目吗。我试过一次,但我不能制作新的服务文件。谢谢,你帮了我大忙,谢谢你给了我这篇精彩的文章。