删除 ng-repeat Angular 中单选按钮的自动选择答案

【问题标题】：Remove auto select of radio button in ng-repeat Angular删除 ng-repeat Angular 中单选按钮的自动选择
【发布时间】：2020-04-16 06:43:04
【问题描述】：

我正在使用 json 动态填充单选按钮。并使用 ng-repeat 来显示它。我的问题是默认情况下会选择最后一个单选按钮，这是我不想要的。我看不出它被选中的任何理由。

 <div ng-repeat="bankAccount in availableBankAccounts">
            <div class="account-list grey-bottom-border">
              <div class="col-sm-6">
                <label class="radio col-xs-12 spacer-top-sm option-label">
                  <input type="radio" name="radio2" ng-model="updateDD.bankAccountId" ng-value="updateDD.bankAccountId" ng-click="selectedReason(bankAccount)" required="" class="ng-untouched ng-dirty ng-valid ng-valid-required">
                  <span class="control-indicator control-indicator-lg hand-cursor"></span>
                  <span>Account ending in *{{bankAccount.depositAccountNumber|last4Digits}}</span>
                </label>
                <!-- <p>Account ending in *7890</p> -->
              </div>

            </div>
            </div>

js文件：

$scope.updateDD.bankAccountId=$scope.radio7;
if($scope.availableBankAccounts.length>1)
            {
            $scope.createJson();
            }

任何指示默认情况下使最后一个单选按钮选择的原因的帮助都会有所帮助。

【问题讨论】：

试过了。输出没有变化

标签： javascript angularjs angular

【解决方案1】：

试试 $scope.availableBankAccounts.length>=1

应该有效

【讨论】：

等于一个还有另一个条件$scope.radio7=$scope.availableBankAccounts[0].id;

【解决方案2】：

您为ng-model 提供相同的值，您希望在其中查看所选值和ng-value，您希望将其用于值。

代替

ng-model="updateDD.bankAccountId" ng-value="updateDD.bankAccountId"

你应该做类似的事情

ng-model="updateDD.bankAccountId" ng-value="bankAccount.Id"

【讨论】：

试过了也没什么变化
你必须确保 updateDD.bankAccountId 没有价值。在你分享的代码中$scope.updateDD.bankAccountId=$scope.radio7; 会给它分配一些值，我猜最后一个是相等的