angularjs - angular-ui 选项卡标题中的复选框

Question

我正在使用 AngularUI 的引导库 0.4.0。我想制作一个带有可检查标题的标签集 Plunker demo。但是，如您所见，我根本无法选中该复选框。任何建议将不胜感激。

Answer 1

我想我已经找到了一个解决方案，尽管它可能看起来有点 hacky。

在复选框中，我添加了一个额外的 ng-click 属性以成为

<input type="checkbox" ng-click="stopPropagation($event)"/>

根据 AngularJS 文档，$event 有动作的事件对象，这里是 click。因此，如果我们可以停止事件的传播，我们可以选中复选框。在控制器中，我添加了一个方法 stopPropagation 如下

$scope.stopPropagation = function(e) {
    // to make sure it is a checkbox
    if (angular.element(e.currentTarget).prop('tagName') === 'INPUT') {
        e.stopPropagation();
    }
}

这是 Plunker 演示