Javascript 角拨动开关上的停止传播

我的角度切换开关有问题：

我有一张表格。如果此表单已修改且未保存，当我单击链接时，它将显示“#enregistrementModal”模式

模态：

<div class="modal-body">
    Please save your informations before continue.
    <button type="button" data-dismiss="modal">×</button>
</div>

<a id="popoverDeleting" data-toggle="modal" data-target="#closingModal">Supprimer mon compte</a>

$('#popoverDeleting').on('click', function (event) {
    if (vm.isLocked == false && $('#submitDonneeForm').prop("disabled") == false) {
        $('#enregistrementModal').modal();
        event.preventDefault();
        event.stopPropagation();
        return;
    }
 })

<toggle-switch id="toggleMail" model="vm.isMailChecked" on-change="vm.saveCanalMail()" on-label="Oui" off-label="Non"></toggle-switch>

我的问题：

<div class="modal-body">
    Please save your informations before continue.
    <button type="button" data-dismiss="modal">×</button>
</div>

<a id="popoverDeleting" data-toggle="modal" data-target="#closingModal">Supprimer mon compte</a>

$('#popoverDeleting').on('click', function (event) {
    if (vm.isLocked == false && $('#submitDonneeForm').prop("disabled") == false) {
        $('#enregistrementModal').modal();
        event.preventDefault();
        event.stopPropagation();
        return;
    }
 })

<toggle-switch id="toggleMail" model="vm.isMailChecked" on-change="vm.saveCanalMail()" on-label="Oui" off-label="Non"></toggle-switch>

当我单击切换开关时，我无法恢复javascript上的$event。然后我不能停止传播，它在任何情况下都会从真变假

切换开关：

<div class="modal-body">
    Please save your informations before continue.
    <button type="button" data-dismiss="modal">×</button>
</div>

<a id="popoverDeleting" data-toggle="modal" data-target="#closingModal">Supprimer mon compte</a>

$('#popoverDeleting').on('click', function (event) {
    if (vm.isLocked == false && $('#submitDonneeForm').prop("disabled") == false) {
        $('#enregistrementModal').modal();
        event.preventDefault();
        event.stopPropagation();
        return;
    }
 })

<toggle-switch id="toggleMail" model="vm.isMailChecked" on-change="vm.saveCanalMail()" on-label="Oui" off-label="Non"></toggle-switch>

如何停止切换开关的传播并在之前显示我的模式

---

提前感谢。

不要使用Javascript单击处理程序，而是使用

ng click

指令。使用它，您可以将

$event

作为参数传递：

vm.clickHandler = function clickHandler(event) {
    if (vm.isLocked == false && $('#submitDonneeForm').prop("disabled") == false) {
        $('#enregistrementModal').modal();
        event.preventDefault();
        event.stopPropagation();
    }

在您的HTML中：

<toggle-switch id="toggleMail" model="vm.isMailChecked" ng-click="vm.clickHandler($event)" ng-change="vm.saveCanalMail()" on-label="Oui" off-label="Non"></toggle-switch>