Question

我遇到角度问题，我不明白问题可能是什么：

那是一个div：

<div ng-controller="CountrySelectorController">
            Selected Countryid = {{countryid}}
            <div class="radio" ng-repeat="country in countries">
                <input type="radio" name="countryOptions" ng-model="countryid" value={{country.countryid}} ng-checked="countryid == country.countryid" /><span style="margin-left:10px;">{{country.countryid}}.{{country.name}}</span>
                </label>
            </div>
</div>

那是我的控制器：

app.controller('CountrySelectorController', function($scope, $rootScope){
    $scope.countryid = 1;
});

我遇到的问题： - 选择的Countryid = 1出现在开始时。虽然我选择了不同的国家/地区，但该模型未更新

Answer 1

ng-repeat创建自己的范围，这不是您想要绑定ng模型的范围。您希望将ng-model绑定到控制器的作用域（这是ng-repeat的父作用域）。使用$ parent将级别上升到正确的范围。另外，不要使用ng-checked。

ng-model="$parent.countryid"

Demo

ng-model没有用单选按钮更新

1 个答案: