单选按钮 select 反映在 ng-repeat 的第二组单选按钮中

Question

我需要四个单选按钮。第一次迭代生成 2 个单选按钮，第二次迭代生成 2 个单选按钮。如果我 select 第一个部分中的一个单选按钮，那么第二个 selection 中的一个单选按钮也被 selected。我想要两个部分，每个部分包含 2 个单选按钮，它们不会反映彼此的变化。任何帮助请

 <div ng-controller="MainCtrl" >
    <div data-ng-repeat="choic in choice"  >
    <form >
  <input ng-model="parent.mustShow"  class="label_align" type="radio"          name="customer" value="no"  ><div class="mediumSubhead"> Information housed         </div><br/>
   <input ng-model="parent.mustShow"  class="label_align" type="radio"   name="customer" value="yes" >
 <div class="mediumSubhead"> Information housed   outside </div></form>
</div> 
 </div>
Controller.js
 var app = angular.module('EquityCompensation', []);
 app.controller('MainCtrl', function($scope) {
 $scope.choice = [{id: 'choic1'},{id: 'choic2'}];
 });

Answer 1

我建议您将 mustShow 变量放在选择数组中。这样可以帮助您跟踪每个元素。这将使您的 ng-model 声明为 ng-model="choic.mustShow"

要显示外部输入元素，您可以在那里使用过滤器，检查是否勾选了任何选项 mustShow 选项，然后显示输入元素。

标记

<div data-ng-repeat="choic in choice">
  <form>
    <input ng-model="choic.mustShow" class="label_align" type="radio" name="customer" value="no">
    <div class="mediumSubhead"> Information housed </div>
    <br/>
    <input ng-model="choic.mustShow" class="label_align" type="radio" name="customer" value="yes">
    <div class="mediumSubhead"> Information housed outside </div>
  </form>
</div>
<div ng-show="(choice | filter: {mustShow: 'yes'}).length > 0">
  <input name="first_name" class="text_box_space" type="text" value="" style="color: black;" size="25" width="200px">
</div>

Demo Plunkr

单选按钮 select 反映在 ng-repeat 的第二组单选按钮中

Radio button select reflects in second group radio button in ng-repeat

html

radio-button

angularjs

angularjs-ng-repeat

angularjs-controller