Question

我有以下代码：

   <a href class="dropdown-toggle">
       <input type="checkbox" ng-model="test.checked">
       <span class="fa fa-angle-down"></span>
   </a>

我想在单击上面的复选框时显示选中的标记。现在，单击该链接只会显示下拉列表而不会选中该框。

我尝试使用$ event.stopPropagation（）：

   <input type="checkbox" ng-click="testProp($event)" ng-model="test.checked">

   $scope.testProp = function($event){
      $event.stopPropagation();
   }

复选框上的

，但这会遗漏锚标记，我只会选中复选框并且不会显示下拉列表。

此解决方案是否存在特定角度。大多数其他解决方案都面向jquery。

Answer 1

<input type="checkbox" ng-model="checked">
<a href class="dropdown-toggle" ng-click="checked = !checked">
   <span class="fa fa-angle-down"></span>
</a>

锚内的复选框

1 个答案: