angular單選選中不變色的坑

在一次學校項目中，我在表單裏面添加一個單選功能，可是當選擇的時候單選按鈕並不變色（變爲黑色），我查看了ng-model發現是取到value值了的，因此遇到坑了...

代碼以下：

<li class="list-group-item row">
            <a href="">
                <div class="col-xs-4">性別</div>
                <div class="col-xs-8" style="text-align: left;">
                    <input type="radio" ng-model="a" value="1">男
                    <input type="radio" ng-model="a" value="2">女
                    {{a}}
                    <!-- <input type="radio" name="sex" ng-model="sex" checked="checked" id="man" ng-value="man" style="margin-right: 3px;">
                    <label for="man">男</label>
                    <input type="radio" name="sex" ng-model="sex" id="woman" ng-value="woman" style="margin-left: 20px;margin-right: 3px;">
                    <label for="woman">女</label> -->
                </div>
            </a>
        </li>

效果是：

會發現，我選中了女，ng-model="a" 的a也爲2了，可是按鈕沒有變色....最後我仔細檢查了代碼沒有錯誤，而後註釋了代碼，只留下了這段單選代碼，發現就沒有這個bug了，因此應該是和頁面上一些標籤衝突了或者什麼的....我將單選代碼放在不一樣的位置查看是否可行最後發現了......

代碼以下：

<li class="list-group-item row">
            <input type="radio" ng-model="a" value="1">男
            <input type="radio" ng-model="a" value="2">女
            {{a}}
            <a href="">
                <div class="col-xs-4">性別</div>
                <div class="col-xs-8" style="text-align: left;">

                    <!-- <input type="radio" name="sex" ng-model="sex" checked="checked" id="man" ng-value="man" style="margin-right: 3px;">
                    <label for="man">男</label>
                    <input type="radio" name="sex" ng-model="sex" id="woman" ng-value="woman" style="margin-left: 20px;margin-right: 3px;">
                    <label for="woman">女</label> -->
                </div>
            </a>
        </li>

將單選代碼放在a標籤裏面就不能實現效果，其實有些人認爲能夠不要這個a標籤的，是的，我也是忙昏了頭，這段代碼是我從另外一個表單截過來的，爲了省事，儘管感受本身被本身耍了，可是我最終解決了這個問題，發現了這個坑，我也是認了，由於我下次會更加當心！ 0.0