Javascript 锚内复选框

我有以下代码：

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

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

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

$scope.testProp=函数（$event）{
$event.stopPropagation（）；
}

在复选框上，但这会忽略锚定标记，我只会选中复选框，而不会显示下拉列表

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

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

您没有给出任何解释；同样正如@pro提到的，它不起作用，因为

范围中没有
对象
，比如
测试
对不起，我的错，我已经编辑了我的答案。基本上，您只需在单击
a
时切换
checked
值，并将复选框的选中状态绑定到
checked
一些奇怪的东西！它仅在单击“角度向下”复选框而不是“实际”复选框本身时起作用。对不起，伙计，我必须收回。把复选框移到
a
之外怎么样？你没有解释；同样正如@pro提到的，它不起作用，因为
范围中没有
对象
，比如
测试
对不起，我的错，我已经编辑了我的答案。基本上，您只需在单击
a
时切换
checked
值，并将复选框的选中状态绑定到
checked
一些奇怪的东西！它仅在单击“角度向下”复选框而不是“实际”复选框本身时起作用。对不起，伙计，我必须收回。把复选框移到
a
之外怎么样？
<input type="checkbox" ng-model="checked">
<a href class="dropdown-toggle" ng-click="checked = !checked">
   <span class="fa fa-angle-down"></span>
</a>