请理解,我是 Angular 的新手,总体上是开发人员,所以这可能是一个非常没有经验的问题。
问题是,我从组件的 HTML 模板文件中调用一个函数,并以 $event 作为参数,它最终捕获了与我希望定位的元素不同的元素。我调用该事件的那个元素有两个子元素......
HTML:
<div class="cursorPointer" (click)="answeredQuestion($event)">
<div id="chickenTenders" class="backImageCov question_0Img"></div>
<h3 class="questionSubTitle">Chicken Tenders</h3>
</div>
Run Code Online (Sandbox Code Playgroud)
"cursorPointer"
我的目标是每次调用此事件时检索 div 容器。我假设这是一个事件冒泡问题,因为如果我单击 id 为 的 div 容器,我的 ts 文件上的函数中的参数"chickenTenders"
将返回相同的容器 ...$event
answeredQuestion()
我已经在网上搜索过(停止鼠标事件传播),但在这个例子中,学生问的问题来自指令,所以我对解决方案可能是什么感到困惑......
我已经尝试过:
(click)="answeredQuestion(0, $event);false"
Run Code Online (Sandbox Code Playgroud)
和:
(click)="answeredQuestion(0, $event); $event.stopPropagation()"
Run Code Online (Sandbox Code Playgroud)
然而,似乎没有一个能够帮助解决这个问题。<div class="cursorPointer">
简而言之,我希望该解决方案能够为我提供一种简单的方法来每次访问该父元素 ( ),即使子元素是单击的元素。
谢谢你们的宝贵时间,我很感激。
我有一个菜鸟问题......你看,我正在参加一个Angular课程,老师很友好地留下了项目文件,所以我可以跟着(下图),一个没有带node_modules文件夹的项目。
[[1]:https : //i.stack.imgur.com/FDAk3.png] [1 ]
我究竟如何为这个项目安装node_modules 文件夹,以便我可以运行它并继续?另外,请记住,我在 Macbook 上工作,因此 Windows 控制台命令(如果使用)将不起作用。提前致谢!