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

Question

我正在使用AngularUI的bootstrap库0.4.0。我想创建一个具有可检查标题Plunker demo的标签集。但是，正如您所看到的，我根本无法选中复选框。任何建议将不胜感激。

Answer 1

我想我已经找到了一个解决方案，虽然看起来有点像hacky。

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

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

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

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

这是 Plunker Demo