checkbox - Angular 2 Checkbox preventDefault

Question

我正在制作 Bootstrap 复选框下拉菜单，选项包含在 <a> 中。处理点击的标签，但我也有一个 <input type="checkbox">在 a 标签内。

当用户按下实际复选框而不是仅按下 <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

单击复选框时，我想要与单击右侧的链接相同的行为。

Answer 1

只需添加 ;false到事件处理程序表达式。在 preventDefault() 中返回错误结果

<input type="checkbox" [checked]="isSelected(option)" (click)="checkboxClick($event);false" /> {{ option.name }}

如果您在 checkboxClick() 中返回 false，您将获得相同的效果