Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在ngFor元素上实现clickOutside Angular指令？_Angular_Typescript - Fatal编程技术网
Fatal编程技术网
  • angular/
  • 如何在ngFor元素上实现clickOutside Angular指令？

如何在ngFor元素上实现clickOutside Angular指令？

angular typescript

如何在ngFor元素上实现clickOutside Angular指令？,angular,typescript,Angular,Typescript,我正在学习angular7。我有一个*ngFor元素的DOM 我的场景是，当我在循环中的任何一个元素上单击/mouseover时，它将隐藏其他元素，当鼠标离开时，它将再次显示 我的问题是当我点击任何元素时，它会隐藏其他元素，但是如果我点击DOM的外部，我需要显示所有元素 我尝试在angular指令之外使用click。但是由于元素在循环中，该函数会被多次调用 请，有人能帮我解决这个问题吗？请将您尝试过的代码添加到您的问题中，一个工作演示会更有帮助！

我正在学习angular7。我有一个*ngFor元素的DOM

我的场景是，当我在循环中的任何一个元素上单击/mouseover时，它将隐藏其他元素，当鼠标离开时，它将再次显示

我的问题是当我点击任何元素时，它会隐藏其他元素，但是如果我点击DOM的外部，我需要显示所有元素

我尝试在angular指令之外使用click。但是由于元素在循环中，该函数会被多次调用

请，有人能帮我解决这个问题吗？

请将您尝试过的代码添加到您的问题中，一个工作演示会更有帮助！