angular - 为什么 Angular2(点击)事件没有在 上触发？

Question

我发现 Angular2 有一个奇怪的行为:

(click) 没有触发:

<div (click)="test()">test</div>

但它在这里有效:

<div style="position: relative;" (click)="test()">test</div>

谁能解释这种行为？为什么需要设置位置样式才能触发(点击)？

我错过了什么吗？

Answer 1

您的代码片段看起来不错!

问题出在您的 CSS 样式中。你的<div>可能继承不同的 position值或简单 - 位于另一个元素后面，该元素阻止了您的 <div> (不允许点击)。

通过改变位置到relative它有效，很可能是因为这个位置启用了 z-index并移动你的 <div>在阻止它的其他元素之上。

这应该足以让您弄清楚。但如果您想要更详细的答案 - 请也分享您的 CSS。