更改多个单选按钮选择基于一个收音机签入angularjs

问题描述：

我是新来的angularjs和卡住的情况下，我想要绑定到模型/控制器对象选定的无线电选项。我想要做的是，所有三个单选按钮（A，B和C）应该显示在App1无线选项中选择的相同选项，稍后可以根据用例更改每个选项（A，B和C单选按钮选项），我想保存用户的点击次数。更改多个单选按钮选择基于一个收音机签入angularjs

例如：如果用户在App1单选按钮组中选择了Y选项，那么应该检查带有Y选项的所有三个A B和C单选按钮选项。

任何帮助，非常感谢。 Plunk herehttps://plnkr.co/edit/vuLJdUFSTsUp5hfoazBp?p=preview

plunker不能正常工作，需要对这个问题更清晰 –

@SrikanthB编辑问题和闯入者现在正在工作 – Praveen

答

您可以利用angular提供的索引。这里是我的代码怎么办

的html代码：

<body ng-controller="MainCtrl"> 
<p>Hello {{name}}!</p> 
<div ng-repeat="app in apps" ng-init="index1 = $index"> 
    {{app.proj}} 
    <span ng-repeat="tc in typeCodes" ng-init="index2 = $index"> 
     <input type="radio" name="app_{{index1}}" ng-model="app.selectedCode" value={{tc.key}} 
       ng-change="selectionChanged(index1, app.selectedCode)">{{tc.key}} 
    </span> 
    <div> 
     <span ng-repeat="subApp in app.subApps" ng-init="index3 = $index"> 
      {{subApp.appName}}- 
      <span ng-repeat="tc in typeCodes" ng-init="index4 = $index"> 
       <input type="radio" name="tc_{{index1}}_{{index3}}" ng-model="subApp.type" ng-value="{{tc.key}}" 
         ng-checked="subApp.type === tc.key" 
         ng-change="subAppSelection(index1, index3, tc.key)">{{tc.key}} 
      </span><br> 
     </span> 
    </div><br><br> 
</div>

控制器代码：

$scope.selectionChanged = function (ind, type) { 
    for (var j = 0; j < $scope.apps[ind].subApps.length; j++) { 
     $scope.apps[ind].subApps[j].type = type; 
    } 
} 

$scope.subAppSelection = function (ind1, ind2, type) { 
    $scope.apps[ind1].subApps[ind2].type = type; 
}

非常感谢你花时间在这上面，像魅力一样工作，但为当前流程增加了一件事。在阅读apps对象> subApp> type属性时，我可以为每个subApp分配一个代码吗？这样特定的单选按钮将在页面加载后预先填充。我已经尝试将类型属性的代码更新为Y/N/M，但只有一个单选按钮预填充对象（App1）。更新了运动员 – Praveen

更改多个单选按钮选择基于一个收音机签入angularjs

相关推荐