Angular 2复选框preventDefault

jonassvensson 发表于 Dev

乔纳斯文森

我正在制作一个Bootstrap复选框下拉菜单，并且该选项包装在<a>处理单击的标记中，但是我在a-标记中也有一个<input type="checkbox">标记。

当用户按下实际复选框而不是<a>元素时，会发生我的问题。两者都被单击，并且发生了一些冲突。复选框的选中状态应为倒置状态，但不是。

在Angular1中，它仅在复选框单击时使用了preventDefault（），但是在我的angular2-test中，它阻止了复选框更新其状态。

在我做错事情时需要帮助。

<ul>
    <li *ngFor="#option of options">
    <a href="" role="menuitem" tabindex="-1" (click)="setSelected($event, option)">
        <input type="checkbox" [checked]="isSelected(option)" (click)="checkboxClick($event)" /> {{ option.name }}
    </a>
  </ul>

柱塞：https ://plnkr.co/edit/6D5GQ9mnaMALNnPzf5Na

单击复选框时，我希望具有与单击右侧链接相同的行为。

小尼克

您应该检查一下。

https://plnkr.co/edit/jyX1hGNlRk0dNsR0XMXU?p=preview

<ul>
    <li *ngFor="#option of options">
            <a href="#" role="menuitem" tabindex="-1" (click)="setSelected($event, option)">
            <input type="checkbox" [checked]="isSelected(option)" (keyup)="checkboxClick($event)" /> {{ option.name }}
            </a>
     </li>
</ul>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。