'对于每个单选按钮循环，你用不同的ng模型重复一次

Question

我希望每行无线电都有不同的ngModel 我想获得在控制台中点击的每个单选按钮的值 如下图所示。

angular.module('myApplication', [])
        .controller("columnChart", function ($scope, $timeout, $rootScope) {
    $rootScope.chart = ['A', 'B', 'C'];
    $rootScope.myVar = [1, 2, 3];
    $rootScope.update = function () {
      console.log($scope.myVar);
      }
  });
   

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

      <div ng-app = "myApplication" ng-controller="columnChart" id="columnChart">
      <div ng-repeat="(key, value) in chart">
          {{value}}
          <label ng-repeat="(k, v) in $parent.myVar">
              <input type="radio" name="pageSet" ng-model="k" ng-value="n" ng-init="k = 1" ng-change="update()" />{{v}}
          </label>
       </div>
       </div>

Answer 1

以下是使用plunker的答案

https://plnkr.co/edit/jaUWVihT2ShWcZxw9pRb?p=preview

你做错了是单选按钮应该有不同的名称属性，以便以不同方式选择。

在你的情况下，所有的单选按钮都是name =“pageSet”

所以，我已将其更改为name =“pageSet - {{value}}”，其中值为动态，现在不同单选按钮的名称不同，可以单独选择。

<input type="radio" name="pageSet-{{value}}" ng-model="k" ng-value="n" ng-init="k = 1" ng-change="update()" />{{v}}

希望它能解决你的问题。