停止鼠標事件在Angular 2中傳播的最簡單方法是什么？我應該傳遞特殊$event對象并給stopPropagation()自己打電話還是有其他方法。例如，在Meteor中，我可以簡單地false從事件處理程序中返回。
3 回答
郎朗坤
TA貢獻1921條經驗 獲得超9個贊
如果您希望能夠將此添加到任何元素而不必一遍又一遍地復制/粘貼相同的代碼，則可以創建一條指令來執行此操作。它很簡單，如下所示：
import {Directive, HostListener} from "@angular/core";
@Directive({
selector: "[click-stop-propagation]"
})
export class ClickStopPropagation
{
@HostListener("click", ["$event"])
public onClick(event: any): void
{
event.stopPropagation();
}
}
然后只需將其添加到所需的元素上即可：
<div click-stop-propagation>Stop Propagation</div>
至尊寶的傳說
TA貢獻1789條經驗 獲得超10個贊
最簡單的方法是在事件處理程序上調用停止傳播。$event在Angular 2中的工作原理相同，并包含進行中的事件（通過鼠標單擊，鼠標事件等）：
(click)="onEvent($event)"
在事件處理程序上，我們可以在那里停止傳播：
onEvent(event) {
event.stopPropagation();
}
小唯快跑啊
TA貢獻1863條經驗 獲得超2個贊
如果您使用的是綁定到事件的方法，則只需返回false：
@Component({
(...)
template: `
<a href="/test.html" (click)="doSomething()">Test</a>
`
})
export class MyComp {
doSomething() {
(...)
return false;
}
}
- 3 回答
- 0 關注
- 619 瀏覽
添加回答
舉報
0/150
提交
取消