on点击角度输入框上方的复选框点击mozilla

Question

<label> 
    <input class="radio" id={{ "phoneCheckBox"+$index}} type="checkbox" ng-model="phoneDetails.checked" ng-click="changeChecked($index)" /> 
    <div class="inputs" ng-class="{error: mobileMergeForm.extensionNumber.$dirty && mobileMergeForm.extensionNumber.$invalid}"> 
     <input type="tel" ng-model="phoneDetails.partialMobileNumber" readonly maxlength="8" ng-click="$event.stopPropagation();" /> 
     <input type="tel" name="extensionNumber" placeholder="" ng-pattern="/^\d{2}$/" ng-model="phoneDetails.extensionNumber" ng-disabled="isChecked($index)" class="lstdss" maxlength="2" ng-click="stopProp($event)" /> 
    </div> 
</label> 

点击第二个输入框点击ckecbox。这只发生在Mozilla中。

Answer 1

经过大量的调试得到了答案。

需要在输入框中使用ng-click =“$ event.preventDefault（）”。

我正在使用$ event.satopPropagation（）但那不起作用。

我仍在试图找到确切的原因。现在

的代码是

<input type="tel" name="extensionNumber" placeholder="" ng-pattern="/^\d{2}$/" ng-model="phoneDetails.extensionNumber" ng-disabled="isChecked($index)" class="lstdss" maxlength="2" ng-click="$event.preventDefault()" /> 

如果任何人都可以回答这个问题的原因，这将是很好。