鍍金池/ 問答/HTML5/ ng-checked無法選中,控制臺(tái)看值為true但是沒有實(shí)際效果

ng-checked無法選中,控制臺(tái)看值為true但是沒有實(shí)際效果

html代碼:

<div class="col-sm-8 collapseOpenPanelSexLabel col-xs-12">
    <label>
        <input type="radio" name="sex" ng-model="newSex" value="2" ng-checked="{{userData.sex == '2' || userData.sex == 2}}">女
    </label>
    <label>
        <input type="radio" name="sex" ng-model="newSex" value="1" ng-checked="{{userData.sex == '1' || userData.sex == 1}}">男
    </label>
</div>

js代碼:

$scope.getMemberBaseInfo = function () {
    $http.get('/personal-center/user-info').then(function (data) {
        $scope.userData = data.data.data;
    })
};
$scope.getMemberBaseInfo();

控制臺(tái):
圖片描述

問題:
從后臺(tái)獲取到userData了,然后里邊的sex也確實(shí)是有值,然后控制臺(tái)ng-check確實(shí)也是一個(gè)true一個(gè)false.
但是就是“男”的單選框 ,沒有被選中。
在線等。。急?。?!

回答
編輯回答
墨小白

ng-checked是給input[type=checkbox]用的,而你使用的是input[type=radio]
所以你代碼中的ng-checked并沒有作用,你可以刪掉

把你的請求后獲取的userData.sex給你的ng-model就可以了,即:

$scope.newSex = userData.sex

只要保證你的ng-model和value屬性的值對應(yīng),就會(huì)有相應(yīng)的選中效果

2017年4月19日 10:12