'ラジオボタンのループごとに異なる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

との答えは、ラジオボタンが異なって選択される別の名前のプロパティを持つべきであるということです。値は動的であり、今の名前 - すべてのラジオボタンは、だから、名前=「ページセット」を

を取得している

は、あなたのケースでは、私は名前=「{{値}}ページセット」にそれを変更しました異なるラジオボタンが異なり、個別に選択することができます。

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

あなたの問題を解決したいと考えています。