单选按钮选择在Angularjs中不起作用

Question

您好我正在开发angularjs中的Web应用程序。我有男女单选按钮。我默认选中男性。我的代码在chrome中按预期工作。在IE加载页面时，默认情况下会选择男性，但我无法点击女性。这只发生在ie。以下是我的代码。

<div class="inputblock gender">
  <label class="inputblock-label">{{ 'Gender' | translate }}</label>
  <label for="male" class="male">
    {{ 'Male' | translate }}
    <span class="input-icon"><img src="images/male-icon.png"></span>
    <input type="radio" id="male" name="selector" ng-model="Gender" value="M">
    <span class="selector-male"></span>
  </label>
  <label for="female" class="female">
    {{ 'Female' | translate }}
    <span class="input-icon"><img src="images/female-icon.png"></span>
    <input type="radio" id="female" name="selector" ng-model="Gender" value="F">
    <span class="selector-female"></span>
  </label>
</div>

在js文件中，我设置$scope.Gender = "M";以选择页面加载时选择的男性。我无法仅在IE中改变性别。我发现很难找出为什么会发生这种情况？我可以在这里提供一些帮助吗？任何帮助，将不胜感激。谢谢..