複選框內錨

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>