javascript - ng-model 没有在单选按钮中更新

Question

下面是我的代码，单选按钮被选中 onload 但 ng-model 值 session.payment 没有更新。我必须再次选择它才能更新。

<li ng-repeat="method in data">
    <label>
        <input ng-model="session.payment" ng-checked="method.active === 'ACTIVE'"
               type="radio" value="{{method.paymentId}}">
        <span class="radio-btn"></span> 
    </label>
</li>

Answer 1

您不应将 ng-checked 与 ng-model 一起使用。不要在加载时设置 ng-checked 指令，只需在 Controller 中设置 session.payment 变量即可。

所以现在你的 HTML 应该是:

<input ng-model="session.payment" type="radio" value="{{method.paymentId}}">

在你的 Controller 中:

$scope.session.payment = method.active === 'ACTIVE';